import React from 'react'; import tw, { styled } from 'twin.macro'; import { ServerContext } from '@/state/server'; import { bytesToString } from '@/lib/formatters'; const SpinnerCircle = styled.circle` transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); transform-origin: 50% 50%; `; function Spinner({ progress }: { progress: number }) { const stroke = 3; const radius = 20; const normalizedRadius = radius - stroke * 2; const circumference = normalizedRadius * 2 * Math.PI; return ( ); } function FileManagerStatus() { const uploads = ServerContext.useStoreState((state) => state.files.uploads); return (