@manta-eu/react 0.1.10 → 0.2.0

package/src/routes/datastores/hooks/useDatastoreColumns.tsx

@@ -13,6 +13,7 @@ import {
   Power,
   RefreshCw,
   RotateCcw,
+  Trash,
   Trash2,
   TriangleAlert,
   Users,
@@ -28,6 +29,7 @@ import { isUnmirroredOrganization, type DatastoreRow } from "../flatten";
 import { Badge } from "#components/badge/index";
 import { Button } from "#components/button/index";
 import { datastoreStatusCategory, isMaterializing, type DatastoreStatus } from "#components/datastore-management/tree";
+import { DisabledActionTooltip } from "#components/disabled-action-tooltip/index";
 import {
   Dropdown,
   DropdownContent,
@@ -99,6 +101,7 @@ type UseDatastoreColumnsArgs = {
   // Indentation only means something while rows are in hierarchy order; a sort makes it a lie.
   indented: boolean;
   matchableRowIds: Set<string>;
+  nestedDatastoreNamesByRowId: Map<string, string[]>;
   suggestedMatchByDatastoreId?: Record<string, DatastoreRow>;
   onSelect: (row: DatastoreRow) => void;
   onAddChild: (row: DatastoreRow) => void;
@@ -107,10 +110,11 @@ type UseDatastoreColumnsArgs = {
   onLinkExisting: (row: DatastoreRow) => void;
   onRemove: (row: DatastoreRow) => void;
   onRestore: (row: DatastoreRow) => void;
+  onDelete: (row: DatastoreRow) => void;
   onRename: (row: DatastoreRow) => void;
   onRegister: (row: DatastoreRow) => void;
   onManageUsers: (row: DatastoreRow) => void;
-  onManageExternalApps: (row: DatastoreRow) => void;
+  onManageCustomApps: (row: DatastoreRow) => void;
   onBringOnline: (row: DatastoreRow) => void;
   isBringingOnline?: boolean;
   onLinkProvider: (row: DatastoreRow) => void;
@@ -125,6 +129,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
     isSwitching,
     indented,
     matchableRowIds,
+    nestedDatastoreNamesByRowId,
     suggestedMatchByDatastoreId,
     onSelect,
     onAddChild,
@@ -133,10 +138,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
     onLinkExisting,
     onRemove,
     onRestore,
+    onDelete,
     onRename,
     onRegister,
     onManageUsers,
-    onManageExternalApps,
+    onManageCustomApps,
     onBringOnline,
     isBringingOnline,
     onLinkProvider,
@@ -310,6 +316,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
             .with({ materializing: true }, () => "Still materializing - this can take a few minutes.")
             .otherwise(() => undefined);
           const canSelect = hasDatastore && !reason && !current && !isSwitching;
+          const canDelete = hasDatastore && !current;
+          const nestedDatastoreNames = nestedDatastoreNamesByRowId.get(datastoreRow.id);
+          const deleteBlockedReason = isPresent(nestedDatastoreNames)
+            ? `Delete the datastores under it first: ${nestedDatastoreNames.join(", ")}`
+            : undefined;
 
           return (
             <div className={cn(columnMinWidths[datastoreColumnIds.actions], "flex items-center justify-end gap-1.5")}>
@@ -376,7 +387,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
                   Select
                 </Button>
               )}
-              {isRealmDefault || isUnlinked ? (
+              {isRealmDefault || (isUnlinked && !canDelete) ? (
                 // Same-sized spacer keeps Select/Selected aligned with rows that have the ellipsis.
                 <div className="size-6" aria-hidden="true" />
               ) : (
@@ -391,57 +402,83 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
                     </button>
                   </DropdownTrigger>
                   <DropdownContent align="end" className="min-w-52">
-                    <DropdownItem icon={<Pencil className="size-4" />} onSelect={() => onRename(datastoreRow)}>
-                      Rename
-                    </DropdownItem>
-                    {isPresent(datastoreRow.organizationAlias) && (
-                      <DropdownItem icon={<Users className="size-4" />} onSelect={() => onManageUsers(datastoreRow)}>
-                        Manage users
-                      </DropdownItem>
-                    )}
-                    {datastoreRow.isOrganization && isPresent(datastoreRow.organizationAlias) && (
-                      <DropdownItem
-                        icon={<Blocks className="size-4" />}
-                        onSelect={() => onManageExternalApps(datastoreRow)}
-                      >
-                        Custom apps
-                      </DropdownItem>
-                    )}
-                    {!hasDatastore &&
-                      (matchableRowIds.has(datastoreRow.id) ? (
-                        <DropdownItem icon={<Link2 className="size-4" />} onSelect={() => onLinkExisting(datastoreRow)}>
-                          Link existing datastore
+                    {!isUnlinked && (
+                      <>
+                        <DropdownItem icon={<Pencil className="size-4" />} onSelect={() => onRename(datastoreRow)}>
+                          Rename
                         </DropdownItem>
-                      ) : (
-                        <DropdownItem
-                          icon={<DatabaseZap className="size-4" />}
-                          onSelect={() => onProvision(datastoreRow)}
-                        >
-                          Provision datastore
+                        {isPresent(datastoreRow.organizationAlias) && (
+                          <DropdownItem
+                            icon={<Users className="size-4" />}
+                            onSelect={() => onManageUsers(datastoreRow)}
+                          >
+                            Manage users
+                          </DropdownItem>
+                        )}
+                        {datastoreRow.isOrganization && isPresent(datastoreRow.organizationAlias) && (
+                          <DropdownItem
+                            icon={<Blocks className="size-4" />}
+                            onSelect={() => onManageCustomApps(datastoreRow)}
+                          >
+                            Custom apps
+                          </DropdownItem>
+                        )}
+                        {!hasDatastore &&
+                          (matchableRowIds.has(datastoreRow.id) ? (
+                            <DropdownItem
+                              icon={<Link2 className="size-4" />}
+                              onSelect={() => onLinkExisting(datastoreRow)}
+                            >
+                              Link existing datastore
+                            </DropdownItem>
+                          ) : (
+                            <DropdownItem
+                              icon={<DatabaseZap className="size-4" />}
+                              onSelect={() => onProvision(datastoreRow)}
+                            >
+                              Provision datastore
+                            </DropdownItem>
+                          ))}
+                        <DropdownItem icon={<Plus className="size-4" />} onSelect={() => onAddChild(datastoreRow)}>
+                          Add datastore
                         </DropdownItem>
-                      ))}
-                    <DropdownItem icon={<Plus className="size-4" />} onSelect={() => onAddChild(datastoreRow)}>
-                      Add datastore
-                    </DropdownItem>
-                    {enableDatastoreRemoval && hasDatastore && !removed && (
-                      <>
-                        <DropdownSeparator />
+                        {enableDatastoreRemoval && hasDatastore && !removed && (
+                          <>
+                            <DropdownSeparator />
+                            <DropdownItem
+                              className="text-error-foreground"
+                              icon={<Trash2 className="size-4" />}
+                              onSelect={() => onRemove(datastoreRow)}
+                            >
+                              Remove datastore
+                            </DropdownItem>
+                          </>
+                        )}
+                        {enableDatastoreRemoval && hasDatastore && removed && (
+                          <>
+                            <DropdownSeparator />
+                            <DropdownItem
+                              icon={<RotateCcw className="size-4" />}
+                              onSelect={() => onRestore(datastoreRow)}
+                            >
+                              Restore datastore
+                            </DropdownItem>
+                          </>
+                        )}
+                        {!enableDatastoreRemoval && canDelete && <DropdownSeparator />}
+                      </>
+                    )}
+                    {canDelete && (
+                      <DisabledActionTooltip reason={deleteBlockedReason}>
                         <DropdownItem
                           className="text-error-foreground"
-                          icon={<Trash2 className="size-4" />}
-                          onSelect={() => onRemove(datastoreRow)}
+                          icon={<Trash className="size-4" />}
+                          disabled={isPresent(deleteBlockedReason)}
+                          onSelect={() => onDelete(datastoreRow)}
                         >
-                          Remove datastore
-                        </DropdownItem>
-                      </>
-                    )}
-                    {enableDatastoreRemoval && hasDatastore && removed && (
-                      <>
-                        <DropdownSeparator />
-                        <DropdownItem icon={<RotateCcw className="size-4" />} onSelect={() => onRestore(datastoreRow)}>
-                          Restore datastore
+                          Delete permanently
                         </DropdownItem>
-                      </>
+                      </DisabledActionTooltip>
                     )}
                   </DropdownContent>
                 </Dropdown>
@@ -457,6 +494,7 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
       isSwitching,
       indented,
       matchableRowIds,
+      nestedDatastoreNamesByRowId,
       suggestedMatchByDatastoreId,
       onSelect,
       onAddChild,
@@ -465,10 +503,11 @@ export function useDatastoreColumns(args: UseDatastoreColumnsArgs): ColumnDef<Da
       onLinkExisting,
       onRemove,
       onRestore,
+      onDelete,
       onRegister,
       onRename,
       onManageUsers,
-      onManageExternalApps,
+      onManageCustomApps,
       onBringOnline,
       isBringingOnline,
       onLinkProvider,

package/src/routes/datastores/index.tsx

@@ -1,5 +1,6 @@
 import {
   useBringDatastoreOnlineMutation,
+  useDeleteDatastoreMutation,
   useOrganizationLinkingQuery,
   useLinkOrganizationToProviderMutation,
   useLinkUnlinkedDatastoreMutation,
@@ -26,6 +27,7 @@ import { toast } from "sonner";
 import type { DatastoreFormTarget } from "./components/DatastoreFormDialog";
 import { DatastoresToolbar } from "./components/DatastoresToolbar";
 import { DatastoreTableSkeleton } from "./components/DatastoreTableSkeleton";
+import { DeleteDatastoreDialog } from "./components/DeleteDatastoreDialog";
 import { LinkUnlinkedDatastoreDialog, type SuggestedLinkTarget } from "./components/LinkUnlinkedDatastoreDialog";
 import { ProvisionDatastoreDialog } from "./components/ProvisionDatastoreDialog";
 import { RenameDatastoreGroupDialog } from "./components/RenameDatastoreGroupDialog";
@@ -34,6 +36,7 @@ import {
   existingOrganizationNameKeys,
   hiddenRowCount,
   matchesProviderFilter,
+  nestedDatastoreNamesByRowId,
   organizationNameKey,
   organizationNames,
   realmDefaultRow,
@@ -104,6 +107,7 @@ export function DatastoresRoute() {
 
   const [formTarget, setFormTarget] = useState<DatastoreFormTarget | null>(null);
   const [pendingRemoval, setPendingRemoval] = useState<DatastoreRow | null>(null);
+  const [pendingDeletion, setPendingDeletion] = useState<DatastoreRow | null>(null);
   const [renameTarget, setRenameTarget] = useState<DatastoreRow | null>(null);
   const [linkDialogTarget, setLinkDialogTarget] = useState<string | null>(null);
   const [visibility, setVisibility] = useState<DatastoreRowVisibility>({
@@ -197,6 +201,25 @@ export function DatastoresRoute() {
     },
   });
 
+  const deleteMutation = useDeleteDatastoreMutation(mantaClient, {
+    onSuccess: (result, variables) => {
+      void refreshDatastores();
+      setPendingDeletion(null);
+      const { success, error } = result.deleteDatastore;
+      if (!success) {
+        toast.error("Couldn't delete the datastore", { description: error ?? undefined });
+        return;
+      }
+
+      toast.success(`"${variables.confirmName}" was deleted permanently`);
+    },
+    onError: (error) => {
+      setPendingDeletion(null);
+      const info = parseError(error, "Couldn't delete the datastore");
+      toast.error(info.message, { description: info.description });
+    },
+  });
+
   const restoreMutation = useRestoreDatastoreMutation(mantaClient, {
     onSuccess: (result) => {
       invalidateTree();
@@ -294,6 +317,7 @@ export function DatastoresRoute() {
     [unlinkedData],
   );
   const allRows = useMemo(() => [...treeRows, ...unlinkedRows], [treeRows, unlinkedRows]);
+  const nestedDatastoreNames = useMemo(() => nestedDatastoreNamesByRowId(treeRows), [treeRows]);
   const rows = useMemo(() => visibleDatastoreRows(treeRows, visibility), [treeRows, visibility]);
   const unprovisionedCount = useMemo(
     () => hiddenRowCount(treeRows, visibility, "showUnprovisioned", rows.length),
@@ -462,7 +486,7 @@ export function DatastoresRoute() {
     [navigate],
   );
 
-  const onManageExternalApps = useCallback(
+  const onManageCustomApps = useCallback(
     (row: DatastoreRow) =>
       void navigate(`/custom-apps?${new URLSearchParams({ org: row.organizationAlias }).toString()}`),
     [navigate],
@@ -488,6 +512,7 @@ export function DatastoresRoute() {
     isSwitching,
     indented,
     matchableRowIds,
+    nestedDatastoreNamesByRowId: nestedDatastoreNames,
     suggestedMatchByDatastoreId,
     onSelect,
     onAddChild,
@@ -495,11 +520,12 @@ export function DatastoresRoute() {
     onProvision: provisionExisting,
     onLinkExisting,
     onRemove: setPendingRemoval,
+    onDelete: setPendingDeletion,
     onRestore,
     onRename: setRenameTarget,
     onRegister,
     onManageUsers,
-    onManageExternalApps,
+    onManageCustomApps,
     onBringOnline,
     isBringingOnline: bringOnlineMutation.isPending,
     onLinkProvider,
@@ -810,6 +836,19 @@ export function DatastoresRoute() {
         />
       )}
 
+      {pendingDeletion && isPresent(pendingDeletion.datastoreId) && (
+        <DeleteDatastoreDialog
+          target={pendingDeletion}
+          isDeleting={deleteMutation.isPending}
+          onConfirm={(confirmName) => {
+            if (isPresent(pendingDeletion.datastoreId)) {
+              deleteMutation.mutate({ datastoreId: pendingDeletion.datastoreId, confirmName });
+            }
+          }}
+          onCancel={() => setPendingDeletion(null)}
+        />
+      )}
+
       {pendingRemoval && isPresent(pendingRemoval.datastoreId) && (
         <DeleteConfirmationDialog
           title="Remove datastore"

package/src/routes/integrations/components/ProviderGroup.tsx

@@ -57,7 +57,7 @@ export function ProviderGroup<Id extends string = ProviderId>(props: ProviderGro
         )}
       </header>
 
-      <div className="flex flex-col gap-2 min-w-0 bg-card py-4 border-b border-muted-border">
+      <div className="flex flex-col gap-2 min-w-0 bg-card py-4">
         {alwaysVisible.map(renderConnection)}
 
         {hasOverflow && (
@@ -90,7 +90,7 @@ export function ProviderGroupSkeleton() {
         </div>
         <Skeleton className="h-8 w-24 rounded-md" />
       </header>
-      <div className="flex flex-col gap-2 bg-card py-4 border-b border-muted-border">
+      <div className="flex flex-col gap-2 bg-card py-4">
         <ConnectionRowSkeleton />
         <ConnectionRowSkeleton />
       </div>

package/dist/graph/nodes/BrandFontFamilyView.d.ts

@@ -1,3 +0,0 @@
-import type { EntityViewProps } from "../types.js";
-export declare const BrandFontFamilyView: import("react").NamedExoticComponent<EntityViewProps>;
-//# sourceMappingURL=BrandFontFamilyView.d.ts.map

package/dist/graph/nodes/BrandFontFamilyView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrandFontFamilyView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontFamilyView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAiEhD,eAAO,MAAM,mBAAmB,uDA6C9B,CAAC"}

package/dist/graph/nodes/BrandFontFamilyView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrandFontFamilyView.js","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontFamilyView.tsx"],"names":[],"mappings":"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"}

package/dist/graph/nodes/BrandFontUploadButton.d.ts

@@ -1,6 +0,0 @@
-type BrandFontUploadButtonProps = {
-    family: string;
-};
-export declare function BrandFontUploadButton(props: BrandFontUploadButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BrandFontUploadButton.d.ts.map

package/dist/graph/nodes/BrandFontUploadButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrandFontUploadButton.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontUploadButton.tsx"],"names":[],"mappings":"AAsDA,KAAK,0BAA0B,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAsCtE"}

package/dist/graph/nodes/BrandFontUploadButton.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAbortUploadMutation, useCompleteUploadMutation, useExecuteAgentActionAdditionMutation, useInitiateUploadMutation, } from "@manta-eu/client";
-import { namespaces } from "@manta-eu/rdf-lib/namespaces";
-import { Upload } from "lucide-react";
-import { use, useRef, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "#components/button/index";
-import { buildActionDocument, mintSubjectIri } from "#lib/action-document";
-import { uploadFile } from "#lib/upload-client";
-import { MantaClientProviderContext } from "#providers/manta-client-context";
-const acceptedFontFiles = ".woff2,.woff,.ttf,.otf";
-const attachFontFile = `${namespaces.brand}AttachFontFile`;
-const attachFontFileShape = `${namespaces.brand}AttachFontFileShape`;
-function ignoreProgress() { }
-// Graph views sit below the provider barrels, so this reads the client context directly instead of useExecuteAction.
-function useAttachFontFile(family) {
-    const clientContext = use(MantaClientProviderContext);
-    const mantaClient = clientContext?.mantaClient;
-    if (!mantaClient)
-        throw new Error("BrandFontUploadButton must be used within a MantaClientProvider");
-    const uploadRelay = clientContext?.uploadRelay;
-    const { mutateAsync: initiateUpload } = useInitiateUploadMutation(mantaClient);
-    const { mutateAsync: completeUpload } = useCompleteUploadMutation(mantaClient);
-    const { mutateAsync: abortUpload } = useAbortUploadMutation(mantaClient);
-    const { mutateAsync: startAddition } = useExecuteAgentActionAdditionMutation(mantaClient);
-    return async (file) => {
-        const { fileIri } = await uploadFile({
-            file,
-            onFileProgress: ignoreProgress,
-            initiateUpload,
-            completeUpload,
-            abortUpload,
-            ...(uploadRelay ? { relay: uploadRelay } : {}),
-        });
-        const subjectIri = mintSubjectIri(attachFontFile);
-        const properties = buildActionDocument({ subjectIri, rdfType: attachFontFile }, { [`${namespaces.brand}fontFamily`]: family, [`${namespaces.brand}fontFile`]: { "@id": fileIri } });
-        const { executeActionAddition } = await startAddition({
-            input: { subjectIri, rdfType: attachFontFile, actionShape: attachFontFileShape, properties },
-        });
-        if (!executeActionAddition.success)
-            throw new Error(executeActionAddition.error ?? "The font was not attached");
-    };
-}
-export function BrandFontUploadButton(props) {
-    const { family } = props;
-    const input = useRef(null);
-    const [isAttaching, setIsAttaching] = useState(false);
-    const attach = useAttachFontFile(family);
-    async function attachChosen(file) {
-        setIsAttaching(true);
-        try {
-            await attach(file);
-            toast.success(`${file.name} is being attached to ${family}`);
-        }
-        catch (error) {
-            toast.error(error instanceof Error ? error.message : `Could not attach ${file.name}`);
-        }
-        finally {
-            setIsAttaching(false);
-        }
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: input, type: "file", accept: acceptedFontFiles, className: "hidden", onChange: (event) => {
-                    const file = event.target.files?.[0];
-                    event.target.value = "";
-                    if (file)
-                        void attachChosen(file);
-                } }), _jsxs(Button, { variant: "secondary", size: "sm", disabled: isAttaching, onClick: () => input.current?.click(), children: [_jsx(Upload, { size: 12 }), "Upload font"] })] }));
-}
-//# sourceMappingURL=BrandFontUploadButton.js.map

package/dist/graph/nodes/BrandFontUploadButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrandFontUploadButton.js","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFontUploadButton.tsx"],"names":[],"mappings":"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"}

package/src/graph/nodes/BrandFontUploadButton.tsx

@@ -1,95 +0,0 @@
-import {
-  useAbortUploadMutation,
-  useCompleteUploadMutation,
-  useExecuteAgentActionAdditionMutation,
-  useInitiateUploadMutation,
-} from "@manta-eu/client";
-import { namespaces } from "@manta-eu/rdf-lib/namespaces";
-import { Upload } from "lucide-react";
-import { use, useRef, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "#components/button/index";
-import { buildActionDocument, mintSubjectIri } from "#lib/action-document";
-import { uploadFile } from "#lib/upload-client";
-import { MantaClientProviderContext } from "#providers/manta-client-context";
-
-const acceptedFontFiles = ".woff2,.woff,.ttf,.otf";
-const attachFontFile = `${namespaces.brand}AttachFontFile`;
-const attachFontFileShape = `${namespaces.brand}AttachFontFileShape`;
-
-function ignoreProgress() {}
-
-// Graph views sit below the provider barrels, so this reads the client context directly instead of useExecuteAction.
-function useAttachFontFile(family: string) {
-  const clientContext = use(MantaClientProviderContext);
-  const mantaClient = clientContext?.mantaClient;
-  if (!mantaClient) throw new Error("BrandFontUploadButton must be used within a MantaClientProvider");
-  const uploadRelay = clientContext?.uploadRelay;
-
-  const { mutateAsync: initiateUpload } = useInitiateUploadMutation(mantaClient);
-  const { mutateAsync: completeUpload } = useCompleteUploadMutation(mantaClient);
-  const { mutateAsync: abortUpload } = useAbortUploadMutation(mantaClient);
-  const { mutateAsync: startAddition } = useExecuteAgentActionAdditionMutation(mantaClient);
-
-  return async (file: File) => {
-    const { fileIri } = await uploadFile({
-      file,
-      onFileProgress: ignoreProgress,
-      initiateUpload,
-      completeUpload,
-      abortUpload,
-      ...(uploadRelay ? { relay: uploadRelay } : {}),
-    });
-    const subjectIri = mintSubjectIri(attachFontFile);
-    const properties = buildActionDocument(
-      { subjectIri, rdfType: attachFontFile },
-      { [`${namespaces.brand}fontFamily`]: family, [`${namespaces.brand}fontFile`]: { "@id": fileIri } },
-    );
-    const { executeActionAddition } = await startAddition({
-      input: { subjectIri, rdfType: attachFontFile, actionShape: attachFontFileShape, properties },
-    });
-    if (!executeActionAddition.success) throw new Error(executeActionAddition.error ?? "The font was not attached");
-  };
-}
-
-type BrandFontUploadButtonProps = { family: string };
-
-export function BrandFontUploadButton(props: BrandFontUploadButtonProps) {
-  const { family } = props;
-
-  const input = useRef<HTMLInputElement>(null);
-  const [isAttaching, setIsAttaching] = useState(false);
-  const attach = useAttachFontFile(family);
-
-  async function attachChosen(file: File) {
-    setIsAttaching(true);
-    try {
-      await attach(file);
-      toast.success(`${file.name} is being attached to ${family}`);
-    } catch (error) {
-      toast.error(error instanceof Error ? error.message : `Could not attach ${file.name}`);
-    } finally {
-      setIsAttaching(false);
-    }
-  }
-
-  return (
-    <>
-      <input
-        ref={input}
-        type="file"
-        accept={acceptedFontFiles}
-        className="hidden"
-        onChange={(event) => {
-          const file = event.target.files?.[0];
-          event.target.value = "";
-          if (file) void attachChosen(file);
-        }}
-      />
-      <Button variant="secondary" size="sm" disabled={isAttaching} onClick={() => input.current?.click()}>
-        <Upload size={12} />
-        Upload font
-      </Button>
-    </>
-  );
-}