chore: use generated tanstack query options

Author: mjkeaton

src/pages/quotes/QuotePage.tsx

@@ -3,7 +3,7 @@ import { PageTitle } from "@/components/PageTitle"
 import { Skeleton } from "@/components/ui/skeleton"
 import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table"
 import { InfoReply } from "@/generated/client"
-import useApiClient from "@/hooks/use-api-client"
+import { adminLookupQuoteOptions } from "@/generated/client/@tanstack/react-query.gen"
 import useLocalStorage from "@/hooks/use-local-storage"
 import { useSuspenseQuery } from "@tanstack/react-query"
 import { Suspense } from "react"
@@ -49,16 +49,12 @@ function Quote({ value }: { value: InfoReply }) {
 function DevSection({ id }: { id: InfoReply["id"] }) {
   const [devMode] = useLocalStorage("devMode", false)
 
-  const client = useApiClient()
-
   const { data } = useSuspenseQuery({
-    queryKey: ["quote", id],
-    queryFn: () =>
-      client.adminLookupQuote({
-        path: {
-          id,
-        },
-      }),
+    ...adminLookupQuoteOptions({
+      path: {
+        id,
+      },
+    }),
   })
 
   return (
@@ -75,25 +71,17 @@ function DevSection({ id }: { id: InfoReply["id"] }) {
 }
 
 function PageBody({ id }: { id: InfoReply["id"] }) {
-  const client = useApiClient()
-
   const { data } = useSuspenseQuery({
-    queryKey: ["quote", id],
-    queryFn: () =>
-      client.adminLookupQuote({
-        path: {
-          id,
-        },
-      }),
+    ...adminLookupQuoteOptions({
+      path: {
+        id,
+      },
+    }),
   })
 
   return (
     <>
-      {data.data && (
-        <>
-          <Quote value={data.data} />
-        </>
-      )}
+      <Quote value={data} />
     </>
   )
 }

src/pages/quotes/QuotesPage.tsx

@@ -3,7 +3,7 @@ import { H3 } from "@/components/Headings"
 import { PageTitle } from "@/components/PageTitle"
 import { Button } from "@/components/ui/button"
 import { Skeleton } from "@/components/ui/skeleton"
-import useApiClient from "@/hooks/use-api-client"
+import { listPendingQuotesOptions } from "@/generated/client/@tanstack/react-query.gen"
 import useLocalStorage from "@/hooks/use-local-storage"
 import { useSuspenseQuery } from "@tanstack/react-query"
 import { ViewIcon } from "lucide-react"
@@ -19,11 +19,8 @@ function Loader() {
 }
 
 function QuoteListPendingRaw() {
-  const client = useApiClient()
-
   const { data } = useSuspenseQuery({
-    queryKey: ["quotes-pending"],
-    queryFn: () => client.listPendingQuotes(),
+    ...listPendingQuotesOptions({}),
   })
 
   return (
@@ -37,35 +34,29 @@ function QuoteListPendingRaw() {
 
 function QuoteListPending() {
   const navigate = useNavigate()
-  const client = useApiClient()
 
   const { data } = useSuspenseQuery({
-    queryKey: ["quotes-pending"],
-    queryFn: () => client.listPendingQuotes(),
+    ...listPendingQuotesOptions({}),
   })
 
   return (
     <>
       <div className="flex flex-col gap-1">
-        {data.data ? (
-          data.data.quotes.map((it, index) => {
-            return (
-              <div key={index} className="flex gap-1 items-center text-sm">
-                <Link to={"/quotes/:id".replace(":id", it)}>{it}</Link>
-                <Button
-                  size="sm"
-                  onClick={() => {
-                    void navigate("/quotes/:id".replace(":id", it))
-                  }}
-                >
-                  <ViewIcon />
-                </Button>
-              </div>
-            )
-          })
-        ) : (
-          <></>
-        )}
+        {data.quotes.map((it, index) => {
+          return (
+            <div key={index} className="flex gap-1 items-center text-sm">
+              <Link to={"/quotes/:id".replace(":id", it)}>{it}</Link>
+              <Button
+                size="sm"
+                onClick={() => {
+                  void navigate("/quotes/:id".replace(":id", it))
+                }}
+              >
+                <ViewIcon />
+              </Button>
+            </div>
+          )
+        })}
       </div>
     </>
   )