feat(provider): persistent storage

apps/provider-console/src/pages/persistent-storage/index.tsx

@@ -11,26 +11,20 @@ import { useSelectedChain } from "@src/context/CustomChainProvider";
 import { usePersistentStorage, useProviderDetails } from "@src/queries/useProviderQuery";
 import restClient from "@src/utils/restClient";
 import { sanitizeMachineAccess } from "@src/utils/sanityUtils";
+import { formatBytes } from "@src/utils/formatBytes";
 
 const PersistentStoragePage: React.FC = () => {
   const router = useRouter();
   const { activeControlMachine } = useControlMachine();
   const { data: persistentDrives }: any = usePersistentStorage(activeControlMachine);
-  const { address }: any = useSelectedChain();
+  const { address } = useSelectedChain();
   const { data: providerDetails }: any = useProviderDetails(address);
 
   const [selectedDrives, setSelectedDrives] = useState<{ [key: string]: string[] }>({});
   const [selectedType, setSelectedType] = useState<string | null>(null);
 
   const [loading, setLoading] = useState<boolean>(false);
 
-  const formatBytes = (bytes: number) => {
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-    if (bytes === 0) return "0 Byte";
-    const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
-    return Math.round(bytes / Math.pow(1024, i)) + " " + sizes[i];
-  };
-
   const handleDriveSelection = (nodeName: string, driveName: string, driveType: string) => {
     setSelectedDrives(prev => {
       const nodeDrivers = prev[nodeName] || [];

apps/provider-console/src/queries/useProviderQuery.ts

@@ -59,7 +59,7 @@ export const useDeploymentDetails = (owner: string, dseq: string) => {
   });
 };
 
-export const useProviderDetails = (address: string) => {
+export const useProviderDetails = (address: string | undefined) => {
   return useQuery({
     queryKey: ["providerDetails", address],
     queryFn: () => consoleClient.get(`/v1/providers/${address}`),