Refactor Footer component to integrate OuterClick for better shortcut management; add SelectFloorPlan component with preset options
This commit is contained in:
30
app/src/components/temporary/SelectFloorPlan.tsx
Normal file
30
app/src/components/temporary/SelectFloorPlan.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import React, { useState } from "react";
|
||||
|
||||
const SelectFloorPlan: React.FC = () => {
|
||||
const [preset, setPreset] = useState("");
|
||||
return (
|
||||
<div className="select-floorplane-wrapper">
|
||||
Don't have an idea? Use these presets!
|
||||
<div className="presets-container">
|
||||
<button
|
||||
className={`preset ${preset === "1" ? "active" : ""}`}
|
||||
onClick={() => {
|
||||
setPreset("1");
|
||||
}}
|
||||
>
|
||||
Preset 1
|
||||
</button>
|
||||
<button
|
||||
className={`preset ${preset === "2" ? "active" : ""}`}
|
||||
onClick={() => {
|
||||
setPreset("2");
|
||||
}}
|
||||
>
|
||||
Preset 2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SelectFloorPlan;
|
||||
Reference in New Issue
Block a user