Merge remote-tracking branch 'origin/main' into v2-ui
This commit is contained in:
commit
3e97c67b24
|
@ -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;
|
|
||||||
|
|
Loading…
Reference in New Issue