From d203ad340082c5d246e5395afb0fd111bf3e6ca7 Mon Sep 17 00:00:00 2001
From: Juan Di Toro <ditorojuanf@gmail.com>
Date: Sat, 9 Dec 2023 16:22:22 +0100
Subject: [PATCH] feat: connect the combobox to the api (sortof)

---
 src/components/SitesCombobox.tsx | 35 +++++---------------------------
 src/types.d.ts                   | 17 ++++++++++------
 src/utils.ts                     | 27 ++++++++++++++++++++++++
 3 files changed, 43 insertions(+), 36 deletions(-)

diff --git a/src/components/SitesCombobox.tsx b/src/components/SitesCombobox.tsx
index dcafe09..e17eeef 100644
--- a/src/components/SitesCombobox.tsx
+++ b/src/components/SitesCombobox.tsx
@@ -17,38 +17,13 @@ import {
   PopoverTrigger
 } from "@/components/ui/popover"
 import { ChevronDownIcon } from "@heroicons/react/24/solid"
-
-type Status = {
-  value: string
-  label: string
-}
-
-const statuses: Status[] = [
-  {
-    value: "backlog",
-    label: "Backlog"
-  },
-  {
-    value: "todo",
-    label: "Todo"
-  },
-  {
-    value: "in progress",
-    label: "In Progress"
-  },
-  {
-    value: "done",
-    label: "Done"
-  },
-  {
-    value: "canceled",
-    label: "Canceled"
-  }
-]
+import useSWR from "swr"
+import { getAvailableSites } from "@/utils"
 
 export function SitesCombobox() {
+  const {data: statuses} = useSWR('/api/statuses', getAvailableSites)
   const [open, setOpen] = React.useState(false)
-  const [selectedStatus, setSelectedStatus] = React.useState<Status | null>(
+  const [selectedStatus, setSelectedStatus] = React.useState<SelectOptions | null>(
     null
   )
 
@@ -67,7 +42,7 @@ export function SitesCombobox() {
             <CommandList>
               <CommandEmpty>No results found.</CommandEmpty>
               <CommandGroup>
-                {statuses.map((status) => (
+                {statuses?.map((status) => (
                   <CommandItem
                     className="text-white"
                     key={status.value}
diff --git a/src/types.d.ts b/src/types.d.ts
index 4d63566..3b54e1d 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,7 +1,12 @@
 type SearchResult = {
-    id: number
-    timestamp: Date
-    title: string
-    description: string
-    slug: string
-  }
\ No newline at end of file
+  id: number
+  timestamp: Date
+  title: string
+  description: string
+  slug: string
+}
+
+type SelectOptions = {
+  value: string
+  label: string
+}
diff --git a/src/utils.ts b/src/utils.ts
index ccd14b1..f4129b8 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -44,3 +44,30 @@ export async function getResults({
   ]
 }
 
+export async function getAvailableSites() {
+  const statuses: SelectOptions[] = [
+    {
+      value: "backlog",
+      label: "Backlog"
+    },
+    {
+      value: "todo",
+      label: "Todo"
+    },
+    {
+      value: "in progress",
+      label: "In Progress"
+    },
+    {
+      value: "done",
+      label: "Done"
+    },
+    {
+      value: "canceled",
+      label: "Canceled"
+    }
+  ]
+  
+  
+  return statuses;
+}
\ No newline at end of file