fix loaders, allow larger websites

This commit is contained in:
Dhravya Shah 2024-07-22 21:37:01 -05:00
parent 99c08602df
commit 0d4c2e062f
8 changed files with 99 additions and 69 deletions

View file

@ -4,6 +4,8 @@ import React, { useState } from "react";
import { FilterSpaces } from "./filterSpaces";
import { ArrowRightIcon } from "@repo/ui/icons";
import Image from "next/image";
import { Switch } from "@repo/ui/shadcn/switch";
import { Label } from "@repo/ui/shadcn/label";
function QueryInput({
setQueryPresent,
@ -22,6 +24,8 @@ function QueryInput({
}) {
const [q, setQ] = useState(initialQuery || "");
const [proMode, setProMode] = useState(false);
const [selectedSpaces, setSelectedSpaces] = useState<
{ id: number; name: string }[]
>([]);
@ -72,9 +76,22 @@ function QueryInput({
setSelectedSpaces={setSelectedSpaces}
initialSpaces={initialSpaces || []}
/>
<button type="submit" className="rounded-lg bg-[#369DFD1A] p-3">
<Image src={ArrowRightIcon} alt="Enter" />
</button>
<div className="flex items-center gap-4">
<div className="flex items-center gap-2">
<Label htmlFor="pro-mode" className="text-sm text-[#9B9B9B]">
Pro mode
</Label>
<Switch
value={proMode ? "on" : "off"}
onChange={() => setProMode((prev) => !prev)}
id="pro-mode"
about="Pro mode"
/>
</div>
<button type="submit" className="rounded-lg bg-[#369DFD1A] p-3">
<Image src={ArrowRightIcon} alt="Enter" />
</button>
</div>
</div>
</form>
</div>