qna selectbox hidden 처리, alert변경

src/components/community/modal/QnaRegModal.jsx

@@ -13,6 +13,7 @@ import { QcastContext } from '@/app/QcastProvider'
 import { useAxios } from '@/hooks/useAxios'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { e } from 'mathjs'
+import { set } from 'react-hook-form'
 
 
 export default function QnaRegModal({ setOpen, setReload, searchValue, selectPageBlock }) {
@@ -24,6 +25,7 @@ export default function QnaRegModal({ setOpen, setReload, searchValue, selectPag
   const [qnaData, setQnaData] = useState([])
   const [closeMdFlg, setCloseMdFlg] = useState(true)
   const [closeSmFlg, setCloseSmFlg] = useState(true)
+  const [hideSmFlg, setHideSmFlg] = useState(false)
   const qnaTypeLgCodeRef = useRef(null)
   const qnaTypeMdCodeRef = useRef(null)
   const qnaTypeSmCodeRef = useRef(null)
@@ -71,7 +73,7 @@ let fileCheck = false;
     regUserTelNoRef.current.value = ''
     qnaTypeLgCodeRef.current.setValue();
     qnaTypeMdCodeRef.current.setValue();
-    qnaTypeSmCodeRef.current.setValue();
+    qnaTypeSmCodeRef.current?.setValue();
     titleRef.current.value = ''
     contentsRef.current.value = ''
 
@@ -112,7 +114,7 @@ let fileCheck = false;
       setQnaData({ ...qnaData, qnaClsLrgCd:e.clCode})
       setCloseMdFlg(false)
       qnaTypeMdCodeRef.current.setValue();
-      qnaTypeSmCodeRef.current.setValue();
+      qnaTypeSmCodeRef.current?.setValue();
     }
 
   }
@@ -131,10 +133,20 @@ let fileCheck = false;
 
         }
       })
-      setQnaTypeSmCodeList(codeList)
+
+
       setQnaData({ ...qnaData, qnaClsMidCd: e.clCode })
       setCloseSmFlg(false)
-      qnaTypeSmCodeRef.current.setValue();
+      setQnaTypeSmCodeList(codeList)
+      qnaTypeSmCodeRef.current?.setValue();
+
+      if(codeList.length > 0) {
+        setHideSmFlg(false)
+      }else{
+        setHideSmFlg(true)
+      }
+
+
 
     }
 
@@ -393,6 +405,7 @@ let fileCheck = false;
                     />
                   </div>
                   <div className="select-wrap" >
+                    {!hideSmFlg && (
                     <Select  name="" ref={qnaTypeSmCodeRef}
                             options={qnaTypeSmCodeList}
                             placeholder="Select"
@@ -401,8 +414,8 @@ let fileCheck = false;
                             getOptionValue={(x) => x.clCode}
                             isClearable={false}
                             isSearchable={false}
-                             isDisabled={closeSmFlg}
-                    />
+                            isDisabled={closeSmFlg}
+                    />)}
                   </div>
                 </div>
                 <div className="input-wrap mt5">

src/locales/ja.json

@@ -617,7 +617,7 @@
   "qna.reg.alert.select.type": "お問い合わせ区分を選択してください。",
   "qna.reg.alert.require.title": "タイトルを入力してください。",
   "qna.reg.alert.require.contents": "内容を入力してください。",
-  "qna.reg.confirm.save": "1:1お問い合わせを登録しますか? <br/>Hanwha Japan 担当者にお問い合わせメールが送信されます。",
+  "qna.reg.confirm.save": "お問い合わせを登録しますか? <br/>Hanwha Japan 担当者にお問い合わせメールが送信されます。",
   "qna.reg.alert.save": "保存されました。",
   "qna.reg.alert.saveFail": "保存に失敗しました。",
   "qna.list.header.regNm": "登録者",