update protobufs

src/components/UI/Dialog.tsx

@@ -9,11 +9,10 @@ const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 
 const DialogPortal = ({
-  className,
   children,
   ...props
 }: DialogPrimitive.DialogPortalProps) => (
-  <DialogPrimitive.Portal className={cn(className)} {...props}>
+  <DialogPrimitive.Portal {...props}>
     <div className="fixed inset-0 z-50 flex items-start justify-center sm:items-center">
       {children}
     </div>

src/components/UI/Modal.tsx

@@ -0,0 +1,25 @@
+export interface ModalProps {
+  title: string;
+  actions?: JSX.Element[];
+  children: React.ReactNode;
+}
+
+export const Modal = ({
+  title,
+  actions,
+  children,
+}: ModalProps): JSX.Element => {
+  return (
+    <div className="rounded-md overflow-hidden w-full">
+      <div className="flex h-12 px-3 bg-slate-200 dark:bg-slate-700 justify-between">
+        <h2 className="my-auto font-semibold text-lg">{title}</h2>
+        {actions && (
+          <div className="my-auto">{actions.map((action) => action)}</div>
+        )}
+      </div>
+      <div className="h-full border border-slate-200 dark:border-slate-700">
+        {children}
+      </div>
+    </div>
+  );
+};