LumeWeb
/
web3.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: swf not needed for now

This commit is contained in:
Derrick Hammer 2023-12-17 22:39:09 -05:00
parent 81412d8cc8
commit e18c76ca8b
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app/components/SitesCombobox.tsx
View File

@ -1,39 +1,39 @@
"use client" import * as React from "react";
import * as React from "react" import { Button } from "@/components/ui/button";
import { Button } from "@/components/ui/button"
import { import {
Command, Command,
CommandEmpty, CommandEmpty,
CommandGroup, CommandGroup,
CommandInput, CommandInput,
CommandItem, CommandItem,
CommandList CommandList,
} from "@/components/ui/command" } from "@/components/ui/command";
import { import {
Popover, Popover,
PopoverContent, PopoverContent,
PopoverTrigger PopoverTrigger,
} from "@/components/ui/popover" } from "@/components/ui/popover";
import { ChevronDownIcon } from "@heroicons/react/24/solid" import { ChevronDownIcon } from "@heroicons/react/24/solid";
import useSWR from "swr" import useSWR from "swr";
import { getAvailableSites } from "@/utils" import { getAvailableSites } from "@/utils";
export function SitesCombobox() { export function SitesCombobox() {
const {data: statuses} = useSWR('/api/statuses', getAvailableSites) const { statuses } = getAvailableSites();
const [open, setOpen] = React.useState(false) const [open, setOpen] = React.useState(false);
const [selectedStatus, setSelectedStatus] = React.useState<SelectOptions | null>( const [selectedStatus, setSelectedStatus] =
null React.useState<SelectOptions | null>(null);
)
return ( return (
<div className="flex flex- items-center space-x-4"> <div className="flex flex- items-center space-x-4">
<Popover open={open} onOpenChange={setOpen}> <Popover open={open} onOpenChange={setOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button variant={"ghost"} className="max-w-[120px] focus:ring-2 focus:ring-ring px-2 font-bold items-center w-full flex justify-between text-white text-xs uppercase"> <Button
{selectedStatus ? <>{selectedStatus.label}</> : <>All Sites</>} variant={"ghost"}
<ChevronDownIcon className="ml-3 w-5 h-5"/> className="max-w-[120px] focus:ring-2 focus:ring-ring px-2 font-bold items-center w-full flex justify-between text-white text-xs uppercase"
>
{selectedStatus ? <>{selectedStatus.label}</> : <>All Sites</>}
<ChevronDownIcon className="ml-3 w-5 h-5" />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="p-0" side="right" align="start"> <PopoverContent className="p-0" side="right" align="start">
@ -51,8 +51,8 @@ export function SitesCombobox() {
setSelectedStatus( setSelectedStatus(
statuses.find((priority) => priority.value === value) || statuses.find((priority) => priority.value === value) ||
null null
) );
setOpen(false) setOpen(false);
}} }}
> >
{status.label} {status.label}
@ -64,5 +64,5 @@ export function SitesCombobox() {
</PopoverContent> </PopoverContent>
</Popover> </Popover>
</div> </div>
) );
} }