Revert "feat: add refresh functionality to device management components"

This reverts commit ea94556.

Author: T0biii

website/src/AppState.ts

@@ -5,14 +5,12 @@ class GlobalAppState {
   info?: InfoRes.AsObject;
   loadingError?: String;
   darkMode: boolean;
-  refreshDevices?: () => void;
 
   constructor() {
     makeObservable(this, {
       info: observable,
       darkMode: observable,
       loadingError: observable,
-      refreshDevices: observable,
     });
 
     const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
@@ -26,12 +24,6 @@ class GlobalAppState {
       this.darkMode = darkMode;
     });
   }
-
-  setRefreshDevices(refreshFn: () => void) {
-    runInAction(() => {
-      this.refreshDevices = refreshFn;
-    });
-  }
 }
 
 export const AppState = new GlobalAppState();

website/src/components/Devices.tsx

@@ -34,11 +34,6 @@ export const Devices = observer(
       });
     }
 
-    componentDidMount() {
-      // Register the refresh function with the AppState
-      AppState.setRefreshDevices(() => this.devices.refresh());
-    }
-
     componentWillUnmount() {
       this.devices.dispose();
     }

website/src/components/ImportExportDelete.tsx

@@ -10,11 +10,8 @@ import { grpc } from '../Api';
 import { toast } from './Toast';
 import { confirm } from './Present';
 
-interface Props {
-  onRefresh?: () => void;
-}
 
-export function ImportExportDelete({ onRefresh }: Props) {
+export function ImportExportDelete() {
   const handleExport = async () => {
     try {
       const response = await grpc.devices.listDevices({});
@@ -58,11 +55,6 @@ export function ImportExportDelete({ onRefresh }: Props) {
       }
 
       toast({ text: 'Devices imported successfully', intent: 'success' });
-      
-      // Trigger refresh after successful import
-      if (onRefresh) {
-        onRefresh();
-      }
     } catch (error) {
       toast({ text: 'Failed to import devices: ' + (error as Error).message, intent: 'error' });
     }
@@ -81,11 +73,6 @@ export function ImportExportDelete({ onRefresh }: Props) {
         }
 
         toast({ text: 'All devices deleted successfully', intent: 'success' });
-        
-        // Trigger refresh after successful deletion
-        if (onRefresh) {
-          onRefresh();
-        }
       } catch (error) {
         toast({ text: 'Failed to delete devices: ' + (error as Error).message, intent: 'error' });
       }

website/src/components/Navigation.tsx

@@ -61,7 +61,7 @@ export default function Navigation() {
 
         {hasAuthCookie ? (
           <>
-          <ImportExportDelete onRefresh={AppState.refreshDevices} />
+          <ImportExportDelete />
           <Link href="/signout" color="inherit">
             <IconButton sx={{ ml: 1 }} color="inherit" title="Logout">
               <LogoutIcon />