From 8d84f15210a8d531c92ba4df09e122d4d0ca7d99 Mon Sep 17 00:00:00 2001
From: 2paperstar <lee@paperst.ar>
Date: Fri, 16 Feb 2024 05:45:04 +0900
Subject: [PATCH] feat: setting page logout

---
 src/pages/Setting.tsx               |  4 +++-
 src/pages/component/SettingText.tsx | 11 +++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/pages/Setting.tsx b/src/pages/Setting.tsx
index 2c9255e..5af1f54 100644
--- a/src/pages/Setting.tsx
+++ b/src/pages/Setting.tsx
@@ -1,7 +1,9 @@
+import { useAuth } from '../api/auth';
 import Header from './component/Header';
 import SettingText from './component/SettingText';
 
 export default function Store() {
+  const { logout } = useAuth();
   return (
     <div>
       <Header text="설정" back border />
@@ -16,7 +18,7 @@ export default function Store() {
       <SettingText text="서비스이용약관"></SettingText>
       <SettingText text="개인정보처리방침"></SettingText>
       <SettingText text="버전 정보" border></SettingText>
-      <SettingText text="로그아웃"></SettingText>
+      <SettingText text="로그아웃" onClick={logout}></SettingText>
     </div>
   );
 }
diff --git a/src/pages/component/SettingText.tsx b/src/pages/component/SettingText.tsx
index a453a67..a0af19c 100644
--- a/src/pages/component/SettingText.tsx
+++ b/src/pages/component/SettingText.tsx
@@ -1,22 +1,25 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 
-type SettingTextPrors = {
+type SettingTextProps = {
   text: string;
   nextUrl?: string;
   icon?: boolean;
   border?: boolean;
+  onClick?: () => void;
 };
 
-const SettingText: React.FC<SettingTextPrors> = ({
+const SettingText = ({
   text,
   nextUrl,
   icon,
   border,
-}) => {
+  onClick,
+}: SettingTextProps) => {
   return (
     <Link
-      to={nextUrl ? nextUrl : '#'}
+      onClick={onClick}
+      to={nextUrl ?? '#'}
       className={`h-[64px] w-full leading-[64px] flex items-center pl-5 ${
         border && 'border-b border-gray-300'
       }`}