faq 99%

src/entities/support/model/types.ts

@@ -4,8 +4,9 @@ export interface SupportParams {
   mid?: string;
 };
 export interface FaqListParams {
-  category: string;
+  category?: string;
-  searchValue: string;
+  searchCl?: string | null;
+  searchValue?: string;
   page?: DefaultRequestPagination;
 };
 export interface FaqItem {

src/locales/en.json

@@ -95,10 +95,13 @@
             "categories": {
                 "all": "All",
                 "01": "Contract",
-                "02": "Settlement",
+                "02": "Cancellation",
-                "03": "Development",
+                "03": "Settlement",
-                "04": "Operations",
+                "04": "Technical/Integration",
-                "05": "Limit",
+                "05": "Service",
+                "06": "Limit/Guarantee Insurance",
+                "07": "Information Change",
+                "08": "Partner Inquiry",
                 "99": "Other"
             }
         },

src/locales/ko.json

@@ -95,10 +95,13 @@
             "categories": {
                 "all": "모두",
                 "01": "계약",
-                "02": "정산",
+                "02": "취소",
-                "03": "개발",
+                "03": "정산/세금계산서",
-                "04": "운영",
+                "04": "기술/연동",
-                "05": "한도",
+                "05": "서비스",
+                "06": "한도/보증보험",
+                "07": "정보변경",
+                "08": "제휴사문의",
                 "99": "기타"
             }
         },

src/pages/support/faq/detail-page.tsx

@@ -36,7 +36,7 @@ export const FaqDetailPage = () => {
             <div className="faq-detail">
               <div className="faq-detail__title">{ title }</div>
               <div className="faq-detail__divider"></div>
-              <div className="faq-detail__body">{ contents }</div>
+              <div className="faq-detail__body" dangerouslySetInnerHTML={{ __html: contents }}>{  }</div>
             </div>
           </div>
         </div>

src/pages/support/faq/list-page.tsx

@@ -19,8 +19,9 @@ export const FaqListPage = () => {
   const { t } = useTranslation();
 
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
+  const [searchCl, setSearchCl] = useState<string | null>('HEAD');
   const [searchValue, setSearchValue] = useState<string>('');
-  const [selectedCategory, setSelectedCategory] = useState<string>('all');
+  const [selectedCategory, setSelectedCategory] = useState<string>('');
   const [resultList, setResultList] = useState<Array<FaqItem>>([]);
 
   useSetHeaderTitle(t('support.faq.title'));
@@ -34,6 +35,7 @@ export const FaqListPage = () => {
   const callList = () => {
     let listParams = {
       category: selectedCategory,
+      searchCl: (!!searchValue)? searchCl: null,
       searchValue: searchValue,
       ...{page: pageParam}
     };
@@ -109,12 +111,15 @@ export const FaqListPage = () => {
                       className="flex-1"
                       value={selectedCategory}
                       onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedCategory(e.target.value)}>
-                    <option value="all">{t('support.faq.categories.all')}</option>
+                    <option value="">{t('support.faq.categories.all')}</option>
                     <option value="01">{t('support.faq.categories.01')}</option>
                     <option value="02">{t('support.faq.categories.02')}</option>
                     <option value="03">{t('support.faq.categories.03')}</option>
                     <option value="04">{t('support.faq.categories.04')}</option>
                     <option value="05">{t('support.faq.categories.05')}</option>
+                    <option value="06">{t('support.faq.categories.06')}</option>
+                    <option value="07">{t('support.faq.categories.07')}</option>
+                    <option value="08">{t('support.faq.categories.08')}</option>
                     <option value="99">{t('support.faq.categories.99')}</option>
                   </select>
                 </div>