diff --git a/bun.lockb b/bun.lockb index b4c7e43..d9e8273 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/index.html b/index.html index 7af5fc8..e119905 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,6 @@
- + diff --git a/package.json b/package.json index ca53754..7f050b3 100644 --- a/package.json +++ b/package.json @@ -33,8 +33,9 @@ "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.0.5", - "@radix-ui/react-dropdown-menu": "^2.1.2", + "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-icons": "1.3.0", + "@radix-ui/react-label": "^2.1.7", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-scroll-area": "^1.0.3", diff --git a/src/components/databrowser/components/add-key-modal.tsx b/src/components/databrowser/components/add-key-modal.tsx index a3658cd..d08ebbb 100644 --- a/src/components/databrowser/components/add-key-modal.tsx +++ b/src/components/databrowser/components/add-key-modal.tsx @@ -1,5 +1,4 @@ import { useState } from "react" -import { useDatabrowserStore } from "@/store" import { DATA_TYPES, type DataType } from "@/types" import { DialogDescription } from "@radix-ui/react-dialog" import { PlusIcon } from "@radix-ui/react-icons" @@ -25,9 +24,10 @@ import { import { Spinner } from "@/components/ui/spinner" import { TypeTag } from "@/components/databrowser/components/type-tag" import { useAddKey } from "@/components/databrowser/hooks/use-add-key" +import { useTab } from "@/tab-provider" export function AddKeyModal() { - const { setSelectedKey } = useDatabrowserStore() + const { setSelectedKey } = useTab() const [open, setOpen] = useState(false) const { mutateAsync: addKey, isPending } = useAddKey() diff --git a/src/components/databrowser/components/databrowser-instance.tsx b/src/components/databrowser/components/databrowser-instance.tsx new file mode 100644 index 0000000..f8e353a --- /dev/null +++ b/src/components/databrowser/components/databrowser-instance.tsx @@ -0,0 +1,32 @@ +import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels" + +import { cn } from "@/lib/utils" +import { Toaster } from "@/components/ui/toaster" +import { DataDisplay } from "./display" +import { Sidebar } from "./sidebar" +import { KeysProvider } from "../hooks/use-keys" + +export const DatabrowserInstance = ({ hidden }: { hidden?: boolean }) => { + return ( + +