물건 상세 & 견적서 상세 버튼명 정리

src/components/floor-plan/CanvasMenu.jsx

@@ -89,11 +89,11 @@ export default function CanvasMenu(props) {
   const selectedRoofMaterial = useRecoilValue(selectedRoofMaterialSelector)
 
   //견적서버튼 노출용
-  const [buttonStyle1, setButtonStyle1] = useState('') //문서 다운로드 버튼
+  const [docDownButtonStyle, setDocDownButtonStyle] = useState('') //문서 다운로드 버튼
-  const [buttonStyle2, setButtonStyle2] = useState('') //저장 버튼
+  const [saveButtonStyle, setSaveButtonStyle] = useState('') //저장 버튼
-  const [buttonStyle3, setButtonStyle3] = useState('') //초기화 버튼
+  const [resetButtonStyle, setResetButtonStyle] = useState('') //초기화 버튼
-  const [buttonStyle4, setButtonStyle4] = useState('') //견적서 복사 버튼
+  const [copyButtonStyle, setCopyButtonStyle] = useState('') //견적서 복사 버튼
-  const [buttonStyle5, setButtonStyle5] = useState('') //잠금 버튼
+  const [lockButtonStyle, setLockButtonStyle] = useState('') //잠금 버튼
 
   const setFloorPlanObjectNo = useSetRecoilState(floorPlanObjectState) //견적서 화면용 물건번호리코일
 
@@ -442,28 +442,28 @@ export default function CanvasMenu(props) {
   }, [estimateContextState?.createUser, estimateContextState?.tempFlg, estimateContextState?.lockFlg, estimateContextState.docNo])
 
   const setAllButtonStyles = (style) => {
-    setButtonStyle1(style)
+    setDocDownButtonStyle(style)
-    setButtonStyle2(style)
+    setSaveButtonStyle(style)
-    setButtonStyle3(style)
+    setResetButtonStyle(style)
-    setButtonStyle4(style)
+    setCopyButtonStyle(style)
-    setButtonStyle5(style)
+    setLockButtonStyle(style)
   }
 
   const handleButtonStyles = (tempFlg, lockFlg, docNo) => {
     if (tempFlg === '1') {
       setAllButtonStyles('none')
-      setButtonStyle2('')
+      setSaveButtonStyle('')
     } else if (tempFlg === '0' && lockFlg === '0') {
       setAllButtonStyles('')
     } else {
-      setButtonStyle1('')
+      setDocDownButtonStyle('')
-      setButtonStyle2('none')
+      setSaveButtonStyle('none')
-      setButtonStyle3('none')
+      setResetButtonStyle('none')
-      setButtonStyle4('')
+      setCopyButtonStyle('')
-      setButtonStyle5('')
+      setLockButtonStyle('')
     }
     if (!docNo) {
-      setButtonStyle1('none')
+      setDocDownButtonStyle('none')
     }
   }
 
@@ -513,11 +513,11 @@ export default function CanvasMenu(props) {
 
   // 문서다운로드 팝업에서 다운로드 하면 문서 잠금
   const docDownPopLockFlg = () => {
-    setButtonStyle1('')
+    setDocDownButtonStyle('')
-    setButtonStyle2('none')
+    setSaveButtonStyle('none')
-    setButtonStyle3('none')
+    setResetButtonStyle('none')
-    setButtonStyle4('')
+    setCopyButtonStyle('')
-    setButtonStyle5('')
+    setLockButtonStyle('')
   }
 
   return (
@@ -627,17 +627,22 @@ export default function CanvasMenu(props) {
                 >
                   <span className="name">{getMessage('stuff.search.btn.register')}</span>
                 </button>
-                <button type="button" style={{ display: buttonStyle1 }} className="btn-frame gray ico-flx" onClick={() => setEstimatePopupOpen(true)}>
+                <button
+                  type="button"
+                  style={{ display: docDownButtonStyle }}
+                  className="btn-frame gray ico-flx"
+                  onClick={() => setEstimatePopupOpen(true)}
+                >
                   <span className="ico ico01"></span>
                   <span className="name">{getMessage('plan.menu.estimate.docDown')}</span>
                 </button>
-                <button type="button" style={{ display: buttonStyle2 }} className="btn-frame gray ico-flx" onClick={handleEstimateSubmit}>
+                <button type="button" style={{ display: saveButtonStyle }} className="btn-frame gray ico-flx" onClick={handleEstimateSubmit}>
                   <span className="ico ico02"></span>
                   <span className="name">{getMessage('plan.menu.estimate.save')}</span>
                 </button>
                 <button
                   type="button"
-                  style={{ display: buttonStyle3 }}
+                  style={{ display: resetButtonStyle }}
                   className="btn-frame gray ico-flx"
                   onClick={() => {
                     handleEstimateReset()
@@ -650,7 +655,7 @@ export default function CanvasMenu(props) {
                 {estimateRecoilState?.docNo !== null && (sessionState.storeId === 'T01' || sessionState.storeLvl === '1') && (
                   <button
                     type="button"
-                    style={{ display: buttonStyle4 }}
+                    style={{ display: copyButtonStyle }}
                     className="btn-frame gray ico-flx"
                     onClick={() => {
                       setEstimateCopyPopupOpen(true)
@@ -662,7 +667,7 @@ export default function CanvasMenu(props) {
                 )}
                 <button
                   type="button"
-                  style={{ display: buttonStyle5 }}
+                  style={{ display: lockButtonStyle }}
                   className="btn-frame gray ico-flx"
                   onClick={() => {
                     handleEstimateLockController(estimateRecoilState)

src/components/management/StuffDetail.jsx

@@ -283,17 +283,17 @@ export default function StuffDetail() {
         autoHeight: true,
         cellStyle: { justifyContent: 'center' },
         cellRenderer: (params) => {
-          let buttonStyle = ''
+          let estimateDetailButtonStyle = ''
-          let buttonStyle2 = ''
+          let docDownButtonStyle = ''
           if (params.value == null) {
-            buttonStyle = 'none'
+            estimateDetailButtonStyle = 'none'
-            buttonStyle2 = 'none'
+            docDownButtonStyle = 'none'
           } else {
             if (params?.data?.createSaleStoreId === 'T01' && session?.storeId !== 'T01') {
-              buttonStyle = 'none'
+              estimateDetailButtonStyle = 'none'
             }
             if (params?.data?.tempFlg === '1' || !params?.data?.docNo) {
-              buttonStyle2 = 'none'
+              docDownButtonStyle = 'none'
             }
           }
 
@@ -301,7 +301,7 @@ export default function StuffDetail() {
             <>
               <div className="grid-cell-btn">
                 <button
-                  style={{ display: buttonStyle }}
+                  style={{ display: estimateDetailButtonStyle }}
                   type="button"
                   className="grid-btn"
                   onClick={() => {
@@ -315,7 +315,7 @@ export default function StuffDetail() {
                   {getMessage('stuff.detail.planGrid.btn1')}
                 </button>
                 <button
-                  style={{ display: buttonStyle2 }}
+                  style={{ display: docDownButtonStyle }}
                   type="button"
                   className="grid-btn"
                   onClick={() => {