fix: added better error-handling and made more logical naming of code

src/api/manager/inventory.ts

@@ -34,7 +34,7 @@ export async function purgeInventorySourceItem(
     .collection('inventory')
     .updateOne({ _id: objectId, status: 'gone' }, { $set: { status: 'purge' } })
     .catch((error) => {
-      Log().info(`Was not able to set source-id for ${id} to purge: ${error} `);
+      throw `Was not able to set source-id for ${id} to purge: ${error}`;
     });
 
   return result as UpdateResult<Document>;

src/components/inventory/Inventory.tsx

@@ -2,20 +2,20 @@
 
 import { useEffect, useState } from 'react';
 import { useSources } from '../../hooks/sources/useSources';
+import { useSetSourceToPerge } from '../../hooks/sources/useSetSourceToPerge';
 import FilterOptions from '../../components/filter/FilterOptions';
 import SourceListItem from '../../components/sourceListItem/SourceListItem';
 import { SourceWithId } from '../../interfaces/Source';
 import EditView from './editView/EditView';
 import FilterContext from './FilterContext';
-import { useDeleteSource } from '../../hooks/sources/useDeleteSource';
 import styles from './Inventory.module.scss';
 
 export default function Inventory() {
-  const [deleteSource, deleteComplete] = useDeleteSource();
+  const [removeInventorySource, reloadList] = useSetSourceToPerge();
   const [updatedSource, setUpdatedSource] = useState<
     SourceWithId | undefined
   >();
-  const [sources] = useSources(deleteComplete, updatedSource);
+  const [sources] = useSources(reloadList, updatedSource);
   const [currentSource, setCurrentSource] = useState<SourceWithId | null>();
   const [filteredSources, setFilteredSources] =
     useState<Map<string, SourceWithId>>(sources);
@@ -29,10 +29,10 @@ export default function Inventory() {
   }, [updatedSource]);
 
   useEffect(() => {
-    if (deleteComplete) {
+    if (reloadList) {
       setCurrentSource(null);
     }
-  }, [deleteComplete]);
+  }, [reloadList]);
 
   const editSource = (source: SourceWithId) => {
     setCurrentSource(() => source);
@@ -97,7 +97,7 @@ export default function Inventory() {
               source={currentSource}
               updateSource={(source) => setUpdatedSource(source)}
               close={() => setCurrentSource(null)}
-              deleteInventorySource={(source) => deleteSource(source)}
+              removeInventorySource={(source) => removeInventorySource(source)}
             />
           </div>
         ) : null}

src/components/inventory/editView/EditView.tsx

@@ -12,12 +12,12 @@ export default function EditView({
   source,
   updateSource,
   close,
-  deleteInventorySource
+  removeInventorySource
 }: {
   source: SourceWithId;
   updateSource: (source: SourceWithId) => void;
   close: () => void;
-  deleteInventorySource: (source: SourceWithId) => void;
+  removeInventorySource: (source: SourceWithId) => void;
 }) {
   const [loaded, setLoaded] = useState(false);
   const src = useMemo(() => getSourceThumbnail(source), [source]);
@@ -54,7 +54,7 @@ export default function EditView({
       </div>
       <UpdateButtons
         close={close}
-        deleteInventorySource={deleteInventorySource}
+        removeInventorySource={removeInventorySource}
         source={source}
       />
     </EditViewContext>

src/components/inventory/editView/UpdateButtons.tsx

@@ -9,11 +9,11 @@ import { IconTrash } from '@tabler/icons-react';
 
 export default function UpdateButtons({
   close,
-  deleteInventorySource,
+  removeInventorySource,
   source
 }: {
   close: () => void;
-  deleteInventorySource: (source: SourceWithId) => void;
+  removeInventorySource: (source: SourceWithId) => void;
   source: SourceWithId;
 }) {
   const t = useTranslate();
@@ -37,7 +37,7 @@ export default function UpdateButtons({
           state="warning"
           disabled={source.status !== 'gone'}
           className="mr-5 relative flex"
-          onClick={() => deleteInventorySource(source)}
+          onClick={() => removeInventorySource(source)}
         >
           <IconTrash className="text-p" />
         </Button>

src/hooks/sources/useSetSourceToPerge.tsx

@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import { SourceWithId } from '../../interfaces/Source';
+import { CallbackHook } from '../types';
+import { Log } from '../../api/logger';
+
+export function useSetSourceToPerge(): CallbackHook<
+  (source: SourceWithId) => void
+> {
+  const [reloadList, setReloadList] = useState(false);
+
+  const removeInventorySource = (source: SourceWithId) => {
+    if (source && source.status === 'gone') {
+      setReloadList(false);
+
+      fetch(`/api/manager/inventory/${source._id}`, {
+        method: 'PUT',
+        // TODO: Implement api key
+        headers: [['x-api-key', `Bearer apisecretkey`]]
+      })
+        .then((response) => {
+          if (!response.ok) {
+            setReloadList(true);
+            Log().error(
+              `Failed to set ${source.name} with id:  ${source._id} to purge`
+            );
+          } else {
+            console.log(
+              `${source.name} with id: ${source._id} is set to purge`
+            );
+          }
+          setReloadList(true);
+        })
+        .catch((e) => {
+          Log().error(
+            `Failed to set ${source.name} with id:  ${source._id} to purge: ${e}`
+          );
+          throw `Failed to set ${source.name} with id:  ${source._id} to purge: ${e}`;
+        });
+    } else {
+      setReloadList(false);
+    }
+  };
+  return [removeInventorySource, reloadList];
+}