From cacec84c69178a22360112e4d59ba7da3b3a09d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=91=ED=98=84?=
 <gimbyeonghyeon@gimbyeonghyeon-ui-MacBookAir.local>
Date: Tue, 12 Sep 2023 12:49:11 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]=EA=B5=AC=EA=B8=80=20=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=9D=B8=20=EA=B5=AC=ED=98=84=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=8B=9C=20=EC=A0=84=EC=97=AD=EB=B3=80=EC=88=98=EC=97=90=20?=
 =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=EC=83=81=ED=83=9C=20=EC=A0=80?=
 =?UTF-8?q?=EC=9E=A5=20=EB=B0=8F=20=ED=97=A4=EB=8D=94=20=EB=B3=80=EA=B2=BD?=
 =?UTF-8?q?=20=ED=86=A0=ED=81=B0=EC=9D=84=20=EB=A1=9C=EC=BB=AC=20=EC=8A=A4?=
 =?UTF-8?q?=ED=86=A0=EB=A6=AC=EC=A7=80=EC=97=90=20=EC=A0=80=EC=9E=A5=20=20?=
 =?UTF-8?q?Isseus=20#15?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Logins/GoogleSignin.tsx | 14 ++++++++++++++
 client/src/page/MainPage.tsx                  |  3 ---
 client/src/reducer/member/loginSlice.ts       |  6 +++---
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Logins/GoogleSignin.tsx b/client/src/components/Logins/GoogleSignin.tsx
index e49f5a46..88c9e51a 100644
--- a/client/src/components/Logins/GoogleSignin.tsx
+++ b/client/src/components/Logins/GoogleSignin.tsx
@@ -1,10 +1,24 @@
 import React from 'react';
 import { GoogleOAuthProvider, GoogleLogin, useGoogleOneTapLogin } from '@react-oauth/google';
+import { useDispatch } from 'react-redux';
+import { setLoginState } from '../../reducer/member/loginSlice';
 
 const GoogleSignInComponent: React.FC = () => {
+    
+    const dispatch = useDispatch();  // Redux의 dispatch 함수를 사용하기 위해 가져옵니다.
+
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const handleSuccess = (credentialResponse: any) => {
         console.log(credentialResponse);
+
+        const token = credentialResponse.token; // 실제 응답에서 토큰의 경로가 어떤지 확인하고 수정해야 합니다.
+        localStorage.setItem('authToken', token); // 토큰을 localStorage에 저장
+        
+        // 로그인 성공 시 전역 상태를 업데이트합니다.
+        dispatch(setLoginState({
+            memberId: credentialResponse.memberId,  // memberId는 예시입니다. 실제 값에 맞게 수정해야 합니다.
+            isLoggedIn: 1,
+        }));
     };
 
     const handleError = () => {
diff --git a/client/src/page/MainPage.tsx b/client/src/page/MainPage.tsx
index c1e70e78..5d6b34c8 100644
--- a/client/src/page/MainPage.tsx
+++ b/client/src/page/MainPage.tsx
@@ -16,11 +16,8 @@ import Holdings from "../components/watchlist/Holdings"; // Assuming you have a
 import CompareChartSection from "../components/CompareChartSection/Index";
 import StockOrderSection from "../components/StockOrderSection/Index";
 import Welcome from "../components/Signups/Welcome";
-
 import ProfileModal from "../components/Profile/profileModal";
-
 import { StateProps } from "../models/stateProps";
-
 import { TabContainerPage } from "./TabPages/TabContainerPage";
 
 const MainPage = () => {
diff --git a/client/src/reducer/member/loginSlice.ts b/client/src/reducer/member/loginSlice.ts
index fd1fdf2f..558b0408 100644
--- a/client/src/reducer/member/loginSlice.ts
+++ b/client/src/reducer/member/loginSlice.ts
@@ -4,16 +4,16 @@ const loginSlice = createSlice({
   name: 'login',
   initialState: {
     memberId: null,
-    isLoggedOut: 1
+    isLoggedIn: 1
   },
   reducers: {
     setLoginState: (state, action) => {
       state.memberId = action.payload;
-      state.isLoggedOut = 0;
+      state.isLoggedIn = 1;
     },
     setLogoutState: (state) => {
       state.memberId = null;
-      state.isLoggedOut = 1;
+      state.isLoggedIn = 0;
     },
     updateMemberId: (state, action) => {
       state.memberId = action.payload;