Update app/src/components/temporary/SelectFloorPlan.tsx

This commit is contained in:
Vishnu 2025-05-13 14:59:19 +00:00
parent b45aa1d2ab
commit 69e7cdaf35
1 changed files with 31 additions and 31 deletions

View File

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