new tool timer & alert revamp

website/src/features/toolboxes/storage/useIndexedToolboxes.js

@@ -3,12 +3,14 @@ import { useEffect, useState } from "react";
 import {
   getAllModuleData as dbGetAllModuleData,
   getLinks as dbGetLinks,
+  getSetting as dbGetSetting,
   getStorageEstimate,
   getToolboxes as dbGetToolboxes,
   removeModuleData as dbRemoveModuleData,
   removeModuleDataKeys as dbRemoveModuleDataKeys,
   setLinks as dbSetLinks,
   setModuleData as dbSetModuleData,
+  setSetting as dbSetSetting,
   setToolboxes as dbSetToolboxes
 } from "../../../utils/indexedDbStorage.js";
 import {
@@ -23,6 +25,7 @@ export function useIndexedToolboxes(onError) {
   const [toolboxes, setToolboxesState] = useState([]);
   const [links, setLinksState] = useState({});
   const [moduleData, setModuleDataState] = useState({});
+  const [toastPosition, setToastPositionState] = useState("right");
   const [storageUsage, setStorageUsage] = useState({ used: 0, limit: 0, ratio: 0 });
 
   async function refreshQuota() {
@@ -40,15 +43,17 @@ export function useIndexedToolboxes(onError) {
     let cancelled = false;
     async function loadStore() {
       try {
-        const [storedToolboxes, storedLinks, storedModules] = await Promise.all([
+        const [storedToolboxes, storedLinks, storedModules, storedToastPosition] = await Promise.all([
           dbGetToolboxes(),
           dbGetLinks(),
-          dbGetAllModuleData()
+          dbGetAllModuleData(),
+          dbGetSetting("toastPosition", "right")
         ]);
         if (cancelled) return;
         setToolboxesState((Array.isArray(storedToolboxes) ? storedToolboxes : []).map(normalizeToolbox).filter(Boolean));
         setLinksState(storedLinks && typeof storedLinks === "object" ? storedLinks : {});
         setModuleDataState(Object.fromEntries((storedModules || []).map((entry) => [entry.key, entry.data])));
+        setToastPositionState(storedToastPosition === "left" ? "left" : "right");
         setReady(true);
         refreshQuota();
       } catch (error) {
@@ -118,11 +123,20 @@ export function useIndexedToolboxes(onError) {
     dbRemoveModuleDataKeys(keys).then(refreshQuota).catch((error) => onError(error.message));
   }
 
+  function setToastPosition(position) {
+    const normalized = position === "left" ? "left" : "right";
+    setToastPositionState(normalized);
+    dbSetSetting("toastPosition", normalized)
+      .then(refreshQuota)
+      .catch((error) => onError(error.message));
+  }
+
   return {
     ready,
     toolboxes,
     links,
     moduleData,
+    toastPosition,
     storageUsage,
     setToolboxes: persistToolboxes,
     setLinks: persistLinks,
@@ -130,6 +144,7 @@ export function useIndexedToolboxes(onError) {
     updateModuleData,
     removeModuleData,
     removeToolboxModuleData,
+    setToastPosition,
     refreshQuota
   };
 }