feat: display quotes by state

package.json

@@ -46,7 +46,7 @@
     "lucide-react": "^0.479.0",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
-    "react-day-picker": "^9.6.2",
+    "react-day-picker": "^9.6.4",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "react-router": "^7.3.0",

src/components/AppSidebar.tsx

@@ -34,7 +34,6 @@ const data = {
         {
           title: "Offered",
           url: "/quotes/offered",
-          disabled: true,
         },
         {
           title: "Accepted",
@@ -43,17 +42,14 @@ const data = {
         {
           title: "Denied",
           url: "/quotes/denied",
-          disabled: true,
         },
         {
           title: "Rejected",
           url: "/quotes/rejected",
-          disabled: true,
         },
         {
           title: "Expired",
           url: "/quotes/expired",
-          disabled: true,
         },
       ],
     },

src/components/ui/calendar.tsx

@@ -12,58 +12,62 @@
   ...props
 }: React.ComponentProps<typeof DayPicker>) {
   return (
-    <DayPicker
+    <DayPicker 
       showOutsideDays={showOutsideDays}
       className={cn("p-3", className)}
       classNames={{
-        months: "flex flex-col sm:flex-row gap-2",
+        months: "flex flex-col gap-2",
         month: "flex flex-col gap-4",
-        caption: "flex justify-center pt-1 relative items-center w-full",
+        month_caption: "flex justify-center pt-1 relative items-center w-full",
         caption_label: "text-sm font-medium",
         nav: "flex items-center gap-1",
-        nav_button: cn(
+        button_previous: cn(
           buttonVariants({ variant: "outline" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          " left-1"
         ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-x-1",
-        head_row: "flex",
-        head_cell:
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          " right-1"
+        ),
+        month_grid: "w-full border-collapse space-x-1",
+        weekdays: "flex",
+        weekday:
           "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
+        week: "flex w-full mt-2",
+        day: cn(
           "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
           props.mode === "range"
             ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
             : "[&:has([aria-selected])]:rounded-md"
         ),
-        day: cn(
+        day_button: cn(
           buttonVariants({ variant: "ghost" }),
           "size-8 p-0 font-normal aria-selected:opacity-100"
         ),
-        day_range_start:
+        range_start:
           "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_range_end:
+        range_middle:
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        range_end:
           "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_selected:
+        selected:
           "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside:
+        today: "bg-accent text-accent-foreground",
+        outside:
           "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle:
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
         ...classNames,
       }}
       components={{
-        PreviousMonthButton: ({ className }) => (
-          <ChevronLeft className={cn("size-4", className)} />
-        ),
-        NextMonthButton: ({ className }) => (
-          <ChevronRight className={cn("size-4", className)} />
-        ),
+        Chevron: (props) => {
+          if (props.orientation === "left") {
+            return <ChevronLeft {...props} className={cn("size-4", props.className)} />;
+          }
+          return <ChevronRight {...props} className={cn("size-4", props.className)} />;
+        },
       }}
       {...props}
     />

src/constants/endpoints.ts

@@ -1,19 +1,11 @@
 const INFO = "/v1/info"
 const BALANCES = "/v1/balances"
 
+const ADMIN_QUOTE = "/v1/admin/credit/quote"
 const ADMIN_QUOTE_PENDING = "/v1/admin/credit/quote/pending"
-const ADMIN_QUOTE_ACCEPTED = "/v1/admin/credit/quote/accepted"
 const ADMIN_QUOTE_BY_ID = "/v1/admin/credit/quote/:id"
 
 const CREDIT_QUOTE = "/v1/credit/mint/quote"
 const CREDIT_QUOTES_BY_ID = "/v1/credit/mint/quote/:id"
 
-export {
-  INFO,
-  BALANCES,
-  ADMIN_QUOTE_PENDING,
-  ADMIN_QUOTE_ACCEPTED,
-  ADMIN_QUOTE_BY_ID,
-  CREDIT_QUOTE,
-  CREDIT_QUOTES_BY_ID,
-}
+export { INFO, BALANCES, ADMIN_QUOTE, ADMIN_QUOTE_PENDING, ADMIN_QUOTE_BY_ID, CREDIT_QUOTE, CREDIT_QUOTES_BY_ID }

src/generated/client/@tanstack/react-query.gen.ts

@@ -1,8 +1,8 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
-import { type Options, adminLookupQuote, resolveQuote, listAcceptedQuotes, listPendingQuotes, resolveOffer, enquireQuote, lookupQuote } from '../sdk.gen';
+import { type Options, listQuotes, listPendingQuotes, adminLookupQuote, adminUpdateQuote, resolveOffer, enquireQuote, lookupQuote } from '../sdk.gen';
 import { queryOptions, type UseMutationOptions, type DefaultError } from '@tanstack/react-query';
-import type { AdminLookupQuoteData, ResolveQuoteData, ListAcceptedQuotesData, ListPendingQuotesData, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData } from '../types.gen';
+import type { ListQuotesData, ListPendingQuotesData, AdminLookupQuoteData, AdminUpdateQuoteData, AdminUpdateQuoteResponse, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData } from '../types.gen';
 import { client as _heyApiClient } from '../client.gen';
 
 export type QueryKey<TOptions extends Options> = [
@@ -36,88 +36,88 @@
     ];
 };
 
-export const adminLookupQuoteQueryKey = (options: Options<AdminLookupQuoteData>) => createQueryKey('adminLookupQuote', options);
+export const listQuotesQueryKey = (options?: Options<ListQuotesData>) => createQueryKey('listQuotes', options);
 
-export const adminLookupQuoteOptions = (options: Options<AdminLookupQuoteData>) => {
+export const listQuotesOptions = (options?: Options<ListQuotesData>) => {
     return queryOptions({
         queryFn: async ({ queryKey, signal }) => {
-            const { data } = await adminLookupQuote({
+            const { data } = await listQuotes({
                 ...options,
                 ...queryKey[0],
                 signal,
                 throwOnError: true
             });
             return data;
         },
-        queryKey: adminLookupQuoteQueryKey(options)
+        queryKey: listQuotesQueryKey(options)
     });
 };
 
-export const resolveQuoteQueryKey = (options: Options<ResolveQuoteData>) => createQueryKey('resolveQuote', options);
+export const listPendingQuotesQueryKey = (options?: Options<ListPendingQuotesData>) => createQueryKey('listPendingQuotes', options);
 
-export const resolveQuoteOptions = (options: Options<ResolveQuoteData>) => {
+export const listPendingQuotesOptions = (options?: Options<ListPendingQuotesData>) => {
     return queryOptions({
         queryFn: async ({ queryKey, signal }) => {
-            const { data } = await resolveQuote({
+            const { data } = await listPendingQuotes({
                 ...options,
                 ...queryKey[0],
                 signal,
                 throwOnError: true
             });
             return data;
         },
-        queryKey: resolveQuoteQueryKey(options)
+        queryKey: listPendingQuotesQueryKey(options)
     });
 };
 
-export const resolveQuoteMutation = (options?: Partial<Options<ResolveQuoteData>>) => {
-    const mutationOptions: UseMutationOptions<unknown, DefaultError, Options<ResolveQuoteData>> = {
-        mutationFn: async (localOptions) => {
-            const { data } = await resolveQuote({
-                ...options,
-                ...localOptions,
-                throwOnError: true
-            });
-            return data;
-        }
-    };
-    return mutationOptions;
-};
-
-export const listAcceptedQuotesQueryKey = (options?: Options<ListAcceptedQuotesData>) => createQueryKey('listAcceptedQuotes', options);
+export const adminLookupQuoteQueryKey = (options: Options<AdminLookupQuoteData>) => createQueryKey('adminLookupQuote', options);
 
-export const listAcceptedQuotesOptions = (options?: Options<ListAcceptedQuotesData>) => {
+export const adminLookupQuoteOptions = (options: Options<AdminLookupQuoteData>) => {
     return queryOptions({
         queryFn: async ({ queryKey, signal }) => {
-            const { data } = await listAcceptedQuotes({
+            const { data } = await adminLookupQuote({
                 ...options,
                 ...queryKey[0],
                 signal,
                 throwOnError: true
             });
             return data;
         },
-        queryKey: listAcceptedQuotesQueryKey(options)
+        queryKey: adminLookupQuoteQueryKey(options)
     });
 };
 
-export const listPendingQuotesQueryKey = (options?: Options<ListPendingQuotesData>) => createQueryKey('listPendingQuotes', options);
+export const adminUpdateQuoteQueryKey = (options: Options<AdminUpdateQuoteData>) => createQueryKey('adminUpdateQuote', options);
 
-export const listPendingQuotesOptions = (options?: Options<ListPendingQuotesData>) => {
+export const adminUpdateQuoteOptions = (options: Options<AdminUpdateQuoteData>) => {
     return queryOptions({
         queryFn: async ({ queryKey, signal }) => {
-            const { data } = await listPendingQuotes({
+            const { data } = await adminUpdateQuote({
                 ...options,
                 ...queryKey[0],
                 signal,
                 throwOnError: true
             });
             return data;
         },
-        queryKey: listPendingQuotesQueryKey(options)
+        queryKey: adminUpdateQuoteQueryKey(options)
     });
 };
 
+export const adminUpdateQuoteMutation = (options?: Partial<Options<AdminUpdateQuoteData>>) => {
+    const mutationOptions: UseMutationOptions<AdminUpdateQuoteResponse, DefaultError, Options<AdminUpdateQuoteData>> = {
+        mutationFn: async (localOptions) => {
+            const { data } = await adminUpdateQuote({
+                ...options,
+                ...localOptions,
+                throwOnError: true
+            });
+            return data;
+        }
+    };
+    return mutationOptions;
+};
+
 export const resolveOfferQueryKey = (options: Options<ResolveOfferData>) => createQueryKey('resolveOffer', options);
 
 export const resolveOfferOptions = (options: Options<ResolveOfferData>) => {

src/generated/client/sdk.gen.ts

@@ -1,7 +1,7 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 import type { Options as ClientOptions, TDataShape, Client } from '@hey-api/client-fetch';
-import type { AdminLookupQuoteData, AdminLookupQuoteResponse, ResolveQuoteData, ListAcceptedQuotesData, ListAcceptedQuotesResponse, ListPendingQuotesData, ListPendingQuotesResponse, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData, LookupQuoteResponse } from './types.gen';
+import type { ListQuotesData, ListQuotesResponse, ListPendingQuotesData, ListPendingQuotesResponse, AdminLookupQuoteData, AdminLookupQuoteResponse, AdminUpdateQuoteData, AdminUpdateQuoteResponse, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData, LookupQuoteResponse } from './types.gen';
 import { client as _heyApiClient } from './client.gen';
 
 export type Options<TData extends TDataShape = TDataShape, ThrowOnError extends boolean = boolean> = ClientOptions<TData, ThrowOnError> & {
@@ -18,15 +18,32 @@
     meta?: Record<string, unknown>;
 };
 
+export const listQuotes = <ThrowOnError extends boolean = false>(options?: Options<ListQuotesData, ThrowOnError>) => {
+    return (options?.client ?? _heyApiClient).get<ListQuotesResponse, unknown, ThrowOnError>({
+        url: '/v1/admin/credit/quote',
+        ...options
+    });
+};
+
+/**
+ * --------------------------- List quotes
+ */
+export const listPendingQuotes = <ThrowOnError extends boolean = false>(options?: Options<ListPendingQuotesData, ThrowOnError>) => {
+    return (options?.client ?? _heyApiClient).get<ListPendingQuotesResponse, unknown, ThrowOnError>({
+        url: '/v1/admin/credit/quote/pending',
+        ...options
+    });
+};
+
 export const adminLookupQuote = <ThrowOnError extends boolean = false>(options: Options<AdminLookupQuoteData, ThrowOnError>) => {
     return (options.client ?? _heyApiClient).get<AdminLookupQuoteResponse, unknown, ThrowOnError>({
         url: '/v1/admin/credit/quote/{id}',
         ...options
     });
 };
 
-export const resolveQuote = <ThrowOnError extends boolean = false>(options: Options<ResolveQuoteData, ThrowOnError>) => {
-    return (options.client ?? _heyApiClient).post<unknown, unknown, ThrowOnError>({
+export const adminUpdateQuote = <ThrowOnError extends boolean = false>(options: Options<AdminUpdateQuoteData, ThrowOnError>) => {
+    return (options.client ?? _heyApiClient).post<AdminUpdateQuoteResponse, unknown, ThrowOnError>({
         url: '/v1/admin/credit/quote/{id}',
         ...options,
         headers: {
@@ -36,23 +53,6 @@
     });
 };
 
-export const listAcceptedQuotes = <ThrowOnError extends boolean = false>(options?: Options<ListAcceptedQuotesData, ThrowOnError>) => {
-    return (options?.client ?? _heyApiClient).get<ListAcceptedQuotesResponse, unknown, ThrowOnError>({
-        url: '/v1/admin/credit/quote/accepted',
-        ...options
-    });
-};
-
-/**
- * --------------------------- List quotes
- */
-export const listPendingQuotes = <ThrowOnError extends boolean = false>(options?: Options<ListPendingQuotesData, ThrowOnError>) => {
-    return (options?.client ?? _heyApiClient).get<ListPendingQuotesResponse, unknown, ThrowOnError>({
-        url: '/v1/admin/credit/quote/pending',
-        ...options
-    });
-};
-
 export const resolveOffer = <ThrowOnError extends boolean = false>(options: Options<ResolveOfferData, ThrowOnError>) => {
     return (options.client ?? _heyApiClient).post<unknown, unknown, ThrowOnError>({
         url: '/v1/credit/quote/{id}',