use iconfify library, standardize with design team

NUS-Fintech-Society · Mar 31, 2024 · 17e5cf2 · 17e5cf2
1 parent b640a72
commit 17e5cf2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "sort-by": "^1.2.0"
   },
   "devDependencies": {
+    "@iconify/react": "^4.1.1",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@types/node": "^20.11.13",

diff --git a/src/components/authentication/LoginFormComponent.tsx b/src/components/authentication/LoginFormComponent.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { useForm, SubmitHandler } from "react-hook-form";
+import { Icon } from "@iconify/react";
 
 import styles from "css/authentication/LoginFormComponent.module.css";
 import loginImage from "/login-image.svg";
@@ -35,7 +36,7 @@ const LoginFormComponent = () => {
           {...register("password", {required: true })}
         />
         <button className={styles["password-visibility-button"]} onClick={changePasswordVisibility}>
-          {showPassword ? "unshow" : "show"}
+          {showPassword ? <Icon icon="mdi:eye" style={{color: "white" }} /> : <Icon icon="mdi:eye-off" style={{color: "white" }} />}
         </button>
         <a href="" className={styles["forgot-password"]}>
           Forgot your password?

diff --git a/yarn.lock b/yarn.lock
@@ -412,6 +412,18 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz#d9fae00a2d5cb40f92cfe64b47ad749fbc38f917"
   integrity sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==
 
+"@iconify/react@^4.1.1":
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@iconify/react/-/react-4.1.1.tgz#da1bf03cdca9427f07cf22cf5b63fa8f02db4722"
+  integrity sha512-jed14EjvKjee8mc0eoscGxlg7mSQRkwQG3iX3cPBCO7UlOjz0DtlvTqxqEcHUJGh+z1VJ31Yhu5B9PxfO0zbdg==
+  dependencies:
+    "@iconify/types" "^2.0.0"
+
+"@iconify/types@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"
+  integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==
+
 "@jest/schemas@^29.6.3":
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"