From 6518fcb8aaa24b808f0e43fb167ac7559e49d3cc Mon Sep 17 00:00:00 2001
From: Siwoo Lee <siwoo28@kakao.com>
Date: Fri, 31 May 2024 17:00:20 +0900
Subject: [PATCH] Feat: FAQ non-member text

---
 src/components/support/FAQ.tsx | 5 +++--
 src/constants/support.ts       | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/support/FAQ.tsx b/src/components/support/FAQ.tsx
index 3f64d743..388eacb5 100644
--- a/src/components/support/FAQ.tsx
+++ b/src/components/support/FAQ.tsx
@@ -1,6 +1,6 @@
+import { lazy } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import SearchBar from '@/components/search/SearchBar';
-import FoldableCard from '@/components/support/FoldableCard';
 import { getSupportList } from '@/api/support';
 import { useSearchInput } from '@/hooks/search/useSearchInput';
 import { useCachedUserInfo } from '@/hooks/useCachedUserInfo';
@@ -11,6 +11,7 @@ import { styled } from 'styled-system/jsx';
 import { Column } from '@/styles/layout';
 import { Semibold } from '@/styles/styles';
 
+const FoldableCard = lazy(() => import('@/components/support/FoldableCard'));
 const { FAQ: text } = CUSTOMER_SUPPORT_TEXTS;
 const { type } = SUPPORT_TEXTS.customerCenter.FAQ;
 
@@ -29,7 +30,7 @@ const FAQ = () => {
   return (
     <Continer className={Column}>
       <Message className={Semibold}>
-        {userData.nickname}
+        {userData ? userData?.nickname : text.nonMember}
         {text.message}
       </Message>
       <SearchBar
diff --git a/src/constants/support.ts b/src/constants/support.ts
index 65695b6c..7d086b03 100644
--- a/src/constants/support.ts
+++ b/src/constants/support.ts
@@ -18,6 +18,7 @@ export const SUPPORT_TEXTS = {
 export const CUSTOMER_SUPPORT_TEXTS = {
   taps: ['공지사항', '자주 묻는 질문'],
   FAQ: {
+    nonMember: '안녕하세요!',
     message: `님,
 무엇을 도와드릴까요?`,
     placeholder: '질문 키워드를 입력해주세요.',