21 lines
1.1 KiB
JavaScript
21 lines
1.1 KiB
JavaScript
'use client'
|
|
|
|
import { useRecoilState } from "recoil";
|
|
import { modalState } from "@/store/modalAtom";
|
|
|
|
export default function MenuDepth01(){
|
|
const [modalOption, setModalOption] = useRecoilState(modalState); //modal 열림닫힘 state
|
|
return(
|
|
<div className="canvas-depth2-inner">
|
|
<ul className="canvas-depth2-list">
|
|
<li className="canvas-depth2-item active"><button onClick={() => setModalOption({...modalOption, outerwall: true})}>外壁線を描く</button></li>
|
|
<li className="canvas-depth2-item"><button>屋根形状の設定</button></li>
|
|
<li className="canvas-depth2-item"><button>屋根形状の手動設定</button></li>
|
|
<li className="canvas-depth2-item"><button>軒・ケラバ変更</button></li>
|
|
<li className="canvas-depth2-item"><button>銅線移動・型上げ下り</button></li>
|
|
<li className="canvas-depth2-item"><button>外壁の編集とオフセット</button></li>
|
|
<li className="canvas-depth2-item"><button>屋根面の割り当て</button></li>
|
|
</ul>
|
|
</div>
|
|
)
|
|
} |