src/components/floor-plan/modal/setting01/GridOption.jsx

@@ -152,16 +152,12 @@ export default function GridOption(props) {
       <div className="modal-check-btn-wrap">
         <h3 className="check-wrap-title light">{getMessage('modal.canvas.setting.grid')}</h3>
         <div className="flex-check-box for2">
-          {gridOptions?.map((option) =>
+          {gridOptions?.map((option) => (
-            option.id === 2 ? (
+            <button key={option.id} className={`check-btn ${option.selected ? 'act' : ''}`} onClick={(e) => onClickOption(option)}>
-              <></>
+              <span className="check-area"></span>
-            ) : (
+              <span className="title-area">{getMessage(option.name)}</span>
-              <button key={option.id} className={`check-btn ${option.selected ? 'act' : ''}`} onClick={(e) => onClickOption(option)}>
+            </button>
-                <span className="check-area"></span>
+          ))}
-                <span className="title-area">{getMessage(option.name)}</span>
-              </button>
-            ),
-          )}
         </div>
       </div>
       {/*<ColorPickerModal {...colorPickerProps} />*/}

src/components/floor-plan/modal/setting01/SettingModal01.jsx

@@ -100,11 +100,11 @@ export default function SettingModal01(props) {
           <button className={`btn-frame modal ${buttonAct === 2 ? 'act' : ''}`} onClick={() => handleBtnClick(2)}>
             {getMessage('modal.canvas.setting.font.plan')}
           </button>
-          {canGridOptionSeletorValue && (
+          {/*{canGridOptionSeletorValue && (
             <button className={`btn-frame modal ${buttonAct === 3 ? 'act' : ''}`} onClick={() => handleBtnClick(3)}>
               {getMessage('modal.canvas.setting.grid')}
             </button>
-          )}
+          )}*/}
         </div>
         {buttonAct === 1 && <FirstOption {...firstProps} />}
         {buttonAct === 2 && <SecondOption {...secondProps} />}