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 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
|
||||
id="preset-1"
|
||||
className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
|
||||
onClick={() => {
|
||||
setLayout("layout1");
|
||||
}}
|
||||
>
|
||||
Preset 1
|
||||
</button>
|
||||
<button
|
||||
id="preset-2"
|
||||
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;
|
||||
|
|
Loading…
Reference in New Issue