첫 커밋

src/entities/account/ui/account-user-tab.tsx

@@ -0,0 +1,46 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { 
+  AccountUserTabKeys,
+  AccountUserTabProps 
+} from '../model/types';
+
+export const AccountUserTab = ({
+  activeTab,
+  tid
+}: AccountUserTabProps) => {
+  const { navigate } = useNavigate();
+
+  const onClickToNavigation = (tab: AccountUserTabKeys) => {
+    if(activeTab !== tab){
+      if(tab === AccountUserTabKeys.LoginAuthInfo){
+        navigate(PATHS.account.user.loginAuthInfo, {
+          state: {
+            tid: tid
+          }
+        });
+      }
+      else if(tab === AccountUserTabKeys.AccountAuth){
+        navigate(PATHS.account.user.accountAuth, {
+          state: {
+            tid: tid
+          }
+        });
+      }
+    }
+  };
+  return(
+    <>
+      <div className="subTab">
+        <button 
+          className={`subtab-btn ${(activeTab === AccountUserTabKeys.LoginAuthInfo)? 'active': ''}` }
+          onClick={ () => onClickToNavigation(AccountUserTabKeys.LoginAuthInfo) } 
+        >로그인 인증정보</button>
+        <button 
+          className={`subtab-btn ${(activeTab === AccountUserTabKeys.AccountAuth)? 'active': ''}` }
+          onClick={ () => onClickToNavigation( AccountUserTabKeys.AccountAuth) } 
+        >계정권한</button>
+      </div>
+    </>
+  );
+};