From 6cd4319fcf540ef70f74cc2f10d0d4297ee7b788 Mon Sep 17 00:00:00 2001
From: Ellie Huxtable <ellie@elliehuxtable.com>
Date: Thu, 11 Apr 2024 16:59:01 +0100
Subject: feat(gui): add base structure (#1935)

* initial

* ui things

* cargo

* update, add history refresh button

* history page a bit better, add initial dotfiles page

* re-org layout

* bye squigglies

* add dotfiles ui, show aliases

* add default shell detection

* put stats in a little drawer, alias import changes

* use new table for aliases, add alias deleting

* support adding aliases

* close drawer when added, no alias autocomplete

* clippy, format

* attempt to ensure gdk is installed ok

* sudo

* no linux things on mac ffs

* I forgot we build for windows too... end of day

* remove tauri backend from workspace
---
 ui/src/components/Drawer.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 ui/src/components/Drawer.tsx

(limited to 'ui/src/components/Drawer.tsx')

diff --git a/ui/src/components/Drawer.tsx b/ui/src/components/Drawer.tsx
new file mode 100644
index 00000000..65bb5ab4
--- /dev/null
+++ b/ui/src/components/Drawer.tsx
@@ -0,0 +1,26 @@
+import * as React from "react";
+
+import { Drawer as VDrawer } from "vaul";
+
+export default function Drawer({
+  trigger,
+  children,
+  width,
+  open,
+  onOpenChange,
+}: any) {
+  return (
+    <VDrawer.Root direction="right" open={open} onOpenChange={onOpenChange}>
+      <VDrawer.Trigger asChild>{trigger}</VDrawer.Trigger>
+      <VDrawer.Portal>
+        <VDrawer.Overlay className="fixed inset-0 bg-black/40 z-50" />
+        <VDrawer.Content
+          style={{ width: width || "400px" }}
+          className={`bg-white flex flex-col z-50 h-full mt-24 fixed bottom-0 right-0`}
+        >
+          {children}
+        </VDrawer.Content>
+      </VDrawer.Portal>
+    </VDrawer.Root>
+  );
+}
-- 
cgit v1.3.1

