Merge remote-tracking branch 'origin/main' into v2-ui

This commit is contained in:
Vishnu 2025-05-15 10:01:31 +05:30
commit 3e97c67b24
1 changed files with 31 additions and 33 deletions

View File

@ -1,33 +1,31 @@
import React from "react"; import React from "react";
import useLayoutStore from "../../store/builder/uselayoutStore"; import useLayoutStore from "../../store/builder/uselayoutStore";
const SelectFloorPlan: React.FC = () => { const SelectFloorPlan: React.FC = () => {
const { currentLayout, setLayout } = useLayoutStore(); const { currentLayout, setLayout } = useLayoutStore();
return ( return (
<div className="select-floorplane-wrapper"> <div className="select-floorplane-wrapper">
Don't have an idea? Use these presets! Preset Layouts
<div className="presets-container"> <div className="presets-container">
<button <button
id="preset-1" className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
className={`preset ${currentLayout === "layout1" ? "active" : ""}`} onClick={() => {
onClick={() => { setLayout("layout1");
setLayout("layout1"); }}
}} >
> Preset 1
Preset 1 </button>
</button> <button
<button className={`preset ${currentLayout === "layout2" ? "active" : ""}`}
id="preset-2" onClick={() => {
className={`preset ${currentLayout === "layout2" ? "active" : ""}`} setLayout("layout2");
onClick={() => { }}
setLayout("layout2"); >
}} Preset 2
> </button>
Preset 2 </div>
</button> </div>
</div> );
</div> };
);
}; export default SelectFloorPlan;
export default SelectFloorPlan;