app object refactor WIP

packages/web/src/appobj/ArchiveFolderAppObject.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { DropDownMenuItem } from '../modals/DropDownMenu';
+import axios from '../utility/axios';
+import { filterName } from 'dbgate-datalib';
+import { AppObjectCore } from './AppObjectCore';
+import { useCurrentArchive } from '../utility/globalState';
+
+function Menu({ data }) {
+  const handleDelete = () => {
+    axios.post('archive/delete-folder', { folder: data.name });
+  };
+  return <>{data.name != 'default' && <DropDownMenuItem onClick={handleDelete}>Delete</DropDownMenuItem>}</>;
+}
+
+function ArchiveFolderAppObject({ data, commonProps }) {
+  const { name } = data;
+  const currentArchive = useCurrentArchive();
+
+  return (
+    <AppObjectCore
+      {...commonProps}
+      data={data}
+      title={name}
+      icon="img archive-folder"
+      isBold={name == currentArchive}
+      Menu={Menu}
+    />
+  );
+}
+
+ArchiveFolderAppObject.extractKey = (data) => data.name;
+ArchiveFolderAppObject.createMatcher = (data) => (filter) => filterName(filter, data.name);
+
+export default ArchiveFolderAppObject;