update protobufs

src/components/PageComponents/Config/Device.tsx

@@ -92,6 +92,12 @@ export const Device = (): JSX.Element => {
               label: "Managed",
               description: "Is this device managed by a mesh administator",
             },
+            {
+              type: "toggle",
+              name: "disableTripleClick",
+              label: "Disable Triple Click",
+              description: "Disable triple click",
+            },
           ],
         },
       ]}

src/components/PageComponents/Config/Position.tsx

@@ -59,13 +59,19 @@ export const Position = (): JSX.Element => {
               type: "number",
               name: "rxGpio",
               label: "Receive Pin",
-              description: "GPS Module RX pin override",
+              description: "GPS module RX pin override",
             },
             {
               type: "number",
               name: "txGpio",
               label: "Transmit Pin",
-              description: "GPS Module TX pin override",
+              description: "GPS module TX pin override",
+            },
+            {
+              type: "number",
+              name: "gpsEnGpio",
+              label: "Enable Pin",
+              description: "GPS module enable pin override",
             },
           ],
         },

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>
+  );
+};