fix: demo

psteinroe · Jul 4, 2023 · e0b388c · e0b388c · vercel · Jul 4, 2023
1 parent 494d045
commit e0b388c
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 4 deletions.
diff --git a/examples/react-query/components/contact/upsert-contact.modal.tsx b/examples/react-query/components/contact/upsert-contact.modal.tsx
@@ -3,6 +3,7 @@ import { useUpsertMutation } from "@supabase-cache-helpers/postgrest-react-query
 import { useSupabaseClient } from "@supabase/auth-helpers-react"
 import { Loader2 } from "lucide-react"
 import { Controller, useForm } from "react-hook-form"
+import { v4 as uuid } from "uuid"
 import { z } from "zod"
 
 import { Database } from "@/types/database"
@@ -69,7 +70,7 @@ export const UpsertContactModal: FC<UpsertContactModalProps> = ({
   const onSubmitHandler = useCallback<FormEventHandler<HTMLFormElement>>(
     (e) => {
       handleSubmit(async (data) => {
-        await upsert([data])
+        await upsert([{ ...data, id: data.id ?? uuid() }])
       })(e)
     },
     [handleSubmit, upsert]

diff --git a/examples/react-query/package.json b/examples/react-query/package.json
@@ -61,13 +61,15 @@
     "sharp": "^0.31.3",
     "tailwind-merge": "^1.8.0",
     "tailwindcss-animate": "^1.0.5",
+    "uuid": "^9.0.0",
     "zod": "^3.21.4"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^3.7.1",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
     "@types/react-dom": "^18.0.7",
+    "@types/uuid": "^9.0.2",
     "autoprefixer": "^10.4.13",
     "dotenv": "16.0.1",
     "eslint": "^8.31.0",

diff --git a/examples/swr/components/contact/upsert-contact.modal.tsx b/examples/swr/components/contact/upsert-contact.modal.tsx
@@ -3,6 +3,7 @@ import { useUpsertMutation } from "@supabase-cache-helpers/postgrest-swr"
 import { useSupabaseClient } from "@supabase/auth-helpers-react"
 import { Loader2 } from "lucide-react"
 import { Controller, useForm } from "react-hook-form"
+import { v4 as uuid } from "uuid"
 import { z } from "zod"
 
 import { Database } from "@/types/database"
@@ -69,7 +70,7 @@ export const UpsertContactModal: FC<UpsertContactModalProps> = ({
   const onSubmitHandler = useCallback<FormEventHandler<HTMLFormElement>>(
     (e) => {
       handleSubmit(async (data) => {
-        await upsert([data])
+        await upsert([{ ...data, id: data.id ?? uuid() }])
       })(e)
     },
     [handleSubmit, upsert]

diff --git a/examples/swr/package.json b/examples/swr/package.json
@@ -47,6 +47,7 @@
     "@supabase-cache-helpers/storage-swr": "workspace:*",
     "@supabase/auth-helpers-nextjs": "^0.5.6",
     "@supabase/auth-helpers-react": "^0.3.1",
+    "@supabase/supabase-js": "2.26.0",
     "@vercel/analytics": "^0.1.11",
     "class-variance-authority": "^0.4.0",
     "clsx": "^1.2.1",
@@ -61,13 +62,15 @@
     "swr": "^2.1.5",
     "tailwind-merge": "^1.8.0",
     "tailwindcss-animate": "^1.0.5",
+    "uuid": "^9.0.0",
     "zod": "^3.21.4"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^3.7.1",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
     "@types/react-dom": "^18.0.7",
+    "@types/uuid": "^9.0.2",
     "autoprefixer": "^10.4.13",
     "dotenv": "16.0.1",
     "eslint": "^8.31.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml