Merge pull request #1031 from bokeeeey/part3-김보경-week15

[김보경] week15

Author: Seung-wan

app/page.tsx

@@ -1,10 +1,12 @@
+import Auth from "@/src/components/Auth/Auth";
 import styles from "./page.module.scss";
-// import AuthLabel from "@/src/components/AuthForm/AuthLabel/AuthLabel";
 
 export default function Home() {
   return (
     <>
-      <div className={styles.input}>{/* <AuthLabel /> */}</div>
+      <div className={styles.input}>
+        <Auth />
+      </div>
     </>
   );
 }

app/signin/page.tsx

@@ -0,0 +1,13 @@
+// import Auth from "@/src/components/Auth/Auth";
+// import AuthHookForm from "@/src/components/Auth/AuthHookForm";
+import SignInForm from "@/src/components/Auth/SignInForm/SignInForm";
+
+export default function signinPage() {
+  return (
+    <>
+      {/* <Auth /> */}
+      {/* <AuthHookForm /> */}
+      <SignInForm />
+    </>
+  );
+}

next.config.mjs

@@ -73,6 +73,8 @@ const nextConfig = {
       },
     ],
   },
+
+  output: "standalone",
 };
 
 export default nextConfig;

package-lock.json

@@ -11,7 +11,9 @@
   "dependencies": {
     "next": "14.1.4",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "react-hook-form": "^7.51.2",
+    "usehooks-ts": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20",

package.json

@@ -3,8 +3,8 @@ export { default as WhiteInstagramIcon } from "./svg/WhiteInstagramIcon";
 export { default as WhiteTwitterIcon } from "./svg/WhiteTwitterIcon";
 export { default as WhiteYoutubeIcon } from "./svg/WhiteYoutubeIcon";
 export { default as WhiteFacebookIcon } from "./svg/WhiteFacebookIcon";
-export { default as LinkImageEmptyCaseIcon } from "./svg/LinkImageEmptyCaseIcon";
 export { default as MagnifierIcon } from "./svg/MagnifierIcon";
 export { default as XIcon } from "./svg/XIcon";
 export { default as ChainIcon } from "./svg/ChainIcon";
-export { default as EyeIcon } from "./svg/EyeIcon";
+export { default as EyeOffIcon } from "./svg/EyeOffIcon";
+export { default as EyeOnIcon } from "./svg/EyeOnIcon";

src/asset/index.ts

@@ -0,0 +1,17 @@
+export default function EyeOffIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <rect width="16" height="16" fill="white" />
+      <path
+        d="M7.87636 5.36364L10.1818 7.66182C10.1818 7.62545 10.1818 7.58182 10.1818 7.54545C10.1818 6.9668 9.95195 6.41185 9.54278 6.00268C9.13361 5.59351 8.57865 5.36364 8 5.36364C7.95636 5.36364 7.92 5.36364 7.87636 5.36364ZM4.74909 5.94545L5.87636 7.07273C5.84 7.22545 5.81818 7.37818 5.81818 7.54545C5.81818 8.12411 6.04805 8.67906 6.45722 9.08823C6.86639 9.4974 7.42135 9.72727 8 9.72727C8.16 9.72727 8.32 9.70545 8.47273 9.66909L9.6 10.7964C9.11273 11.0364 8.57455 11.1818 8 11.1818C7.03558 11.1818 6.11065 10.7987 5.4287 10.1168C4.74675 9.4348 4.36364 8.50988 4.36364 7.54545C4.36364 6.97091 4.50909 6.43273 4.74909 5.94545ZM0.727273 1.92364L2.38545 3.58182L2.71273 3.90909C1.51273 4.85455 0.567273 6.09091 0 7.54545C1.25818 10.7382 4.36364 13 8 13C9.12727 13 10.2036 12.7818 11.1855 12.3891L11.4982 12.6945L13.6218 14.8182L14.5455 13.8945L1.65091 1M8 3.90909C8.96442 3.90909 9.88935 4.29221 10.5713 4.97416C11.2532 5.65611 11.6364 6.58103 11.6364 7.54545C11.6364 8.01091 11.5418 8.46182 11.3745 8.86909L13.5055 11C14.5964 10.0909 15.4691 8.89818 16 7.54545C14.7418 4.35273 11.6364 2.09091 8 2.09091C6.98182 2.09091 6.00727 2.27273 5.09091 2.6L6.66909 4.16364C7.08364 4.00364 7.52727 3.90909 8 3.90909Z"
+        fill="#373740"
+      />
+    </svg>
+  );
+}

src/asset/svg/EyeIcon.tsx

@@ -0,0 +1,17 @@
+export default function EyeOnIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <rect width="16" height="16" fill="white" />
+      <path
+        d="M8 6.27273C7.42135 6.27273 6.86639 6.5026 6.45722 6.91177C6.04805 7.32094 5.81818 7.87589 5.81818 8.45455C5.81818 9.0332 6.04805 9.58815 6.45722 9.99732C6.86639 10.4065 7.42135 10.6364 8 10.6364C8.57865 10.6364 9.13361 10.4065 9.54278 9.99732C9.95195 9.58815 10.1818 9.0332 10.1818 8.45455C10.1818 7.87589 9.95195 7.32094 9.54278 6.91177C9.13361 6.5026 8.57865 6.27273 8 6.27273ZM8 12.0909C7.03558 12.0909 6.11065 11.7078 5.4287 11.0258C4.74675 10.3439 4.36364 9.41897 4.36364 8.45455C4.36364 7.49012 4.74675 6.5652 5.4287 5.88325C6.11065 5.2013 7.03558 4.81818 8 4.81818C8.96442 4.81818 9.88935 5.2013 10.5713 5.88325C11.2532 6.5652 11.6364 7.49012 11.6364 8.45455C11.6364 9.41897 11.2532 10.3439 10.5713 11.0258C9.88935 11.7078 8.96442 12.0909 8 12.0909ZM8 3C4.36364 3 1.25818 5.26182 0 8.45455C1.25818 11.6473 4.36364 13.9091 8 13.9091C11.6364 13.9091 14.7418 11.6473 16 8.45455C14.7418 5.26182 11.6364 3 8 3Z"
+        fill="#373740"
+      />
+    </svg>
+  );
+}