diff --git a/src/components/SearchFilters.tsx b/src/components/SearchFilters.tsx
index bf8e279..a38eb14 100644
--- a/src/components/SearchFilters.tsx
+++ b/src/components/SearchFilters.tsx
@@ -54,9 +54,9 @@ function SearchFilters({
const [areaTouched, setAreaTouched] = useState(false);
const [floorTouched, setFloorTouched] = useState(false);
- const debouncedCostChanged = useDebounce(costTouched, 1000);
- const debouncedAreaChanged = useDebounce(areaTouched, 1000);
- const debouncedFloorChanged = useDebounce(floorTouched, 1000);
+ const debouncedCostTouched = useDebounce(costTouched, 1000);
+ const debouncedAreaTouched = useDebounce(areaTouched, 1000);
+ const debouncedFloorTouched = useDebounce(floorTouched, 1000);
const [searchParams, setSearchParams] = useSearchParams();
@@ -102,7 +102,7 @@ function SearchFilters({
searchParams.get("area"),
view,
],
- enabled: !!project && !searchParams.has("cost") && !debouncedCostChanged,
+ enabled: !!project && !searchParams.has("cost") && !debouncedCostTouched,
initialData: searchParams.has("cost")
? {
min: searchParams.get("cost")!.split(",").map(Number)[0],
@@ -135,7 +135,7 @@ function SearchFilters({
searchParams.get("area"),
view,
],
- enabled: !!project && !searchParams.has("floor") && !debouncedFloorChanged,
+ enabled: !!project && !searchParams.has("floor") && !debouncedFloorTouched,
initialData: searchParams.has("floor")
? {
min: searchParams.get("floor")!.split(",").map(Number)[0],
@@ -171,7 +171,7 @@ function SearchFilters({
searchParams.get("floor"),
view,
],
- enabled: !!project && !searchParams.has("area") && !debouncedAreaChanged,
+ enabled: !!project && !searchParams.has("area") && !debouncedAreaTouched,
initialData: searchParams.has("area")
? {
min: searchParams.get("area")!.split(",").map(Number)[0],
@@ -317,28 +317,28 @@ function SearchFilters({
}, [areaInModal, inModal]);
useEffect(() => {
- if (debouncedCostChanged)
+ if (debouncedCostTouched)
setSearchParams((prev) => {
- prev.set("cost", `${debouncedCost[0]},${debouncedCost[1]}`);
+ prev.set("cost", debouncedCost.map(Math.ceil).join(","));
return prev;
});
- }, [debouncedCost, debouncedCostChanged]);
+ }, [debouncedCost, debouncedCostTouched]);
useEffect(() => {
- if (debouncedAreaChanged)
+ if (debouncedAreaTouched)
setSearchParams((prev) => {
- prev.set("area", `${debouncedArea[0]},${debouncedArea[1]}`);
+ prev.set("area", debouncedArea.map(Math.ceil).join(","));
return prev;
});
- }, [debouncedArea, debouncedAreaChanged]);
+ }, [debouncedArea, debouncedAreaTouched]);
useEffect(() => {
- if (debouncedFloorChanged)
+ if (debouncedFloorTouched)
setSearchParams((prev) => {
- prev.set("floor", `${debouncedFloor[0]},${debouncedFloor[1]}`);
+ prev.set("floor", debouncedFloor.map(Math.ceil).join(","));
return prev;
});
- }, [debouncedFloor, debouncedFloorChanged]);
+ }, [debouncedFloor, debouncedFloorTouched]);
function handleSelectProject(project: Project) {
setProject(project.title);
diff --git a/src/components/SequenceSlider.tsx b/src/components/SequenceSlider.tsx
index 6a08531..0899c7d 100644
--- a/src/components/SequenceSlider.tsx
+++ b/src/components/SequenceSlider.tsx
@@ -12,6 +12,7 @@ import InfoIcon from "./icons/InfoIcon";
import FullScreenButton from "./FullScreenButton";
import PrivacyPolicyButton from "./PrivacyPolicyButton";
import DisclaimerButton from "./DisclaimerButton";
+import { masks } from "../data/masks";
interface SequenceSliderProps {
complexName: string;
@@ -164,6 +165,24 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
/>
)}
+ {!isAnimating && (
+
+ )}
{imageLoaded === FRAME_COUNT && (
<>
diff --git a/src/components/icons/ArrowLeftIcon.tsx b/src/components/icons/ArrowLeftIcon.tsx
index 2f2f0b6..93aad4d 100644
--- a/src/components/icons/ArrowLeftIcon.tsx
+++ b/src/components/icons/ArrowLeftIcon.tsx
@@ -1,16 +1,11 @@
export default function ArrowLeftIcon() {
return (
-