qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

각도/경사 단위 표시 수정

Browse Source
This commit is contained in:
minsik 2024-10-29 14:26:25 +09:00
parent 080a20d11f
commit 0c16975965
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/floor-plan/modal/dimensionLine/DimensionLineSetting.jsx
View File

@ -1,15 +1,17 @@
import WithDraggable from '@/components/common/draggable/WithDraggable' import WithDraggable from '@/components/common/draggable/WithDraggable'
import { usePopup } from '@/hooks/usePopup' import { usePopup } from '@/hooks/usePopup'
import { useMessage } from '@/hooks/useMessage' import { useMessage } from '@/hooks/useMessage'
import { useRecoilValue } from 'recoil' import { useRecoilState, useRecoilValue } from 'recoil'
import { contextPopupPositionState } from '@/store/popupAtom' import { contextPopupPositionState } from '@/store/popupAtom'
import QSelectBox from '@/components/common/select/QSelectBox' import QSelectBox from '@/components/common/select/QSelectBox'
import { pitchTextSelector } from '@/store/canvasAtom'
export default function DimensionLineSetting(props) { export default function DimensionLineSetting(props) {
const contextPopupPosition = useRecoilValue(contextPopupPositionState) const contextPopupPosition = useRecoilValue(contextPopupPositionState)
const { id, setIsShow, pos = contextPopupPosition } = props const { id, setIsShow, pos = contextPopupPosition } = props
const { getMessage } = useMessage() const { getMessage } = useMessage()
const { closePopup } = usePopup() const { closePopup } = usePopup()
const pitchText = useRecoilState(pitchTextSelector)
const SelectOption01 = [{ name: '0' }, { name: '0' }, { name: '0' }, { name: '0' }] const SelectOption01 = [{ name: '0' }, { name: '0' }, { name: '0' }, { name: '0' }]
return ( return (
<WithDraggable isShow={true} pos={pos}> <WithDraggable isShow={true} pos={pos}>
@ -52,14 +54,14 @@ export default function DimensionLineSetting(props) {
<div className="grid-select mr10"> <div className="grid-select mr10">
<QSelectBox title={'0'} option={SelectOption01} /> <QSelectBox title={'0'} option={SelectOption01} />
</div> </div>
<span className="thin">寸法</span> <span className="thin">{pitchText}</span>
</div> </div>
<div className="outline-form"> <div className="outline-form">
<span className="mr10">傾斜</span> <span className="mr10">傾斜</span>
<div className="grid-select mr10"> <div className="grid-select mr10">
<QSelectBox title={'0'} option={SelectOption01} /> <QSelectBox title={'0'} option={SelectOption01} />
</div> </div>
<span className="thin">寸法</span> <span className="thin">{pitchText}</span>
</div> </div>
</div> </div>
<div className="warning">傾き設定されている場合、入力した数値に傾き計算をした数値が表示されます。</div> <div className="warning">傾き設定されている場合、入力した数値に傾き計算をした数値が表示されます。</div>