[chore] 준비 중인 기능 모달 표시 추가

re-Duck · Jun 4, 2024 · 36fae78 · 36fae78
1 parent 1a52150
commit 36fae78
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 3 deletions.
diff --git a/client/src/app/login/components/GithubLoginButton/index.tsx b/client/src/app/login/components/GithubLoginButton/index.tsx
@@ -2,10 +2,26 @@
 
 import { Icon } from '@iconify/react';
 
+//hooks
+import useModal from '@/hooks/modal/useModal';
+
+//constant
+import { errorMessage, ModalType } from '@/constants/constant';
+
 export default function GithubLoginButton() {
+  const { openModal } = useModal();
+
   return (
     <div className="grid py-4">
-      <button className="relative p-3 border border-gray-900 hover:bg-blue-gray-scale-100 active:bg-blue-gary-scale-100 disabled:bg-gray-scale-50 disabled:border-gray-800 disabled:text-blue-gray-600">
+      <button
+        onClick={() =>
+          openModal({
+            type: ModalType.ERROR,
+            message: errorMessage.notComplete,
+          })
+        }
+        className="relative p-3 border border-gray-900 hover:bg-blue-gray-scale-100 active:bg-blue-gary-scale-100 disabled:bg-gray-scale-50 disabled:border-gray-800 disabled:text-blue-gray-600"
+      >
         <Icon
           className="absolute top-2 left-2"
           icon="mdi:github"

diff --git a/client/src/app/login/components/GoogleLoginButton/index.tsx b/client/src/app/login/components/GoogleLoginButton/index.tsx
@@ -2,10 +2,26 @@
 
 import { Icon } from '@iconify/react';
 
+//hooks
+import useModal from '@/hooks/modal/useModal';
+
+//constant
+import { errorMessage, ModalType } from '@/constants/constant';
+
 export default function GoogleLoginButton() {
+  const { openModal } = useModal();
+
   return (
     <div className="grid py-4">
-      <button className="relative p-3 border border-gray-900 hover:bg-blue-gray-scale-100 active:bg-blue-gary-scale-100 disabled:bg-gray-scale-50 disabled:border-gray-800 disabled:text-blue-gray-600">
+      <button
+        onClick={() =>
+          openModal({
+            type: ModalType.ERROR,
+            message: errorMessage.notComplete,
+          })
+        }
+        className="relative p-3 border border-gray-900 hover:bg-blue-gray-scale-100 active:bg-blue-gary-scale-100 disabled:bg-gray-scale-50 disabled:border-gray-800 disabled:text-blue-gray-600"
+      >
         <Icon
           className="absolute top-2 left-2"
           icon="devicon:google"

diff --git a/client/src/app/login/components/LoginForm/index.tsx b/client/src/app/login/components/LoginForm/index.tsx
@@ -160,7 +160,15 @@ export default function LoginForm() {
                 </label>
               </div>
             </Tooltip>
-            <span className="underline text-body3 text-blue-gray-scale-500 underline-offset-3 hover:cursor-pointer">
+            <span
+              className="underline text-body3 text-blue-gray-scale-500 underline-offset-3 hover:cursor-pointer"
+              onClick={() =>
+                openModal({
+                  type: ModalType.ERROR,
+                  message: errorMessage.notComplete,
+                })
+              }
+            >
               비밀번호 찾기
             </span>
           </div>