fix: handle file upload status correctly, add serverless machine type

2023-12-24 18:53:32 +08:00
parent dc5ae7a7b1
commit 850d8473ad
18 changed files with 1716 additions and 207 deletions
@@ -0,0 +1,123 @@
+"use client";
+
+import { LoadingIcon } from "./LoadingIcon";
+import { callServerPromise } from "@/components/callServerPromise";
+import AutoForm, { AutoFormSubmit } from "@/components/ui/auto-form";
+import type { FieldConfig } from "@/components/ui/auto-form/types";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import * as React from "react";
+import type { UnknownKeysParam, ZodObject, ZodRawShape, z } from "zod";
+
+export function InsertModal<
+  K extends ZodRawShape,
+  Y extends UnknownKeysParam,
+  Z extends ZodObject<K, Y>
+>(props: {
+  title: string;
+  description: string;
+  serverAction: (data: z.infer<Z>) => Promise<unknown>;
+  formSchema: Z;
+  fieldConfig?: FieldConfig<z.infer<Z>>;
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button variant="default" className="">
+          {props.title}
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{props.title}</DialogTitle>
+          <DialogDescription>{props.description}</DialogDescription>
+        </DialogHeader>
+        <AutoForm
+          fieldConfig={props.fieldConfig}
+          formSchema={props.formSchema}
+          onSubmit={async (data) => {
+            setIsLoading(true);
+            await callServerPromise(props.serverAction(data));
+            setIsLoading(false);
+            setOpen(false);
+          }}
+        >
+          <div className="flex justify-end">
+            <AutoFormSubmit>
+              Save Changes
+              <span className="ml-2">{isLoading && <LoadingIcon />}</span>
+            </AutoFormSubmit>
+          </div>
+        </AutoForm>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export function UpdateModal<
+  K extends ZodRawShape,
+  Y extends UnknownKeysParam,
+  Z extends ZodObject<K, Y>
+>(props: {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  title: string;
+  description: string;
+  data: z.infer<Z>;
+  serverAction: (
+    data: z.infer<Z> & {
+      id: string;
+    }
+  ) => Promise<unknown>;
+  formSchema: Z;
+  fieldConfig?: FieldConfig<z.infer<Z>>;
+}) {
+  // const [open, setOpen] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  return (
+    <Dialog open={props.open} onOpenChange={props.setOpen}>
+      {/* <DialogTrigger asChild>
+        <DropdownMenuItem>{props.title}</DropdownMenuItem>
+      </DialogTrigger> */}
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{props.title}</DialogTitle>
+          <DialogDescription>{props.description}</DialogDescription>
+        </DialogHeader>
+        <AutoForm
+          fieldConfig={props.fieldConfig}
+          formSchema={props.formSchema}
+          onSubmit={async (data) => {
+            setIsLoading(true);
+            await callServerPromise(
+              props.serverAction({
+                ...data,
+                id: props.data.id,
+              })
+            );
+            setIsLoading(false);
+            props.setOpen(false);
+          }}
+        >
+          <div className="flex justify-end">
+            <AutoFormSubmit>
+              Save Changes
+              <span className="ml-2">{isLoading && <LoadingIcon />}</span>
+            </AutoFormSubmit>
+          </div>
+        </AutoForm>
+      </DialogContent>
+    </Dialog>
+  );
+}