diff --git a/components/CacheControls.tsx b/components/CacheControls.tsx index 410ca50..5b1db7e 100644 --- a/components/CacheControls.tsx +++ b/components/CacheControls.tsx @@ -1,5 +1,6 @@ import { Button } from "@/components/ui/button"; import { DatabaseBackup, Database, DatabaseZap } from "lucide-react"; +import { Separator } from "./ui/separator"; interface CacheControlsProps { isCacheEnabled: boolean; @@ -15,52 +16,55 @@ const CacheControls: React.FC = ({ cacheExpiryTime, }) => { return ( -
-
- {isCacheEnabled ? ( - <> -

- The scripts are cached in your browser to optimize performance. - Use the button below to re-poll the server for changes. -

- {cacheExpiryTime && ( +
+ +
+
+ {isCacheEnabled ? ( + <>

- Cache will expire automatically on{" "} - {cacheExpiryTime.toLocaleDateString()} at{" "} - {cacheExpiryTime.toLocaleTimeString()} + The scripts are cached in your browser to optimize performance. + Use the button below to re-poll the server for changes.

- )} - - ) : ( -

- The cache is disabled. All data will be fetched from the server. -

- )} -
-
- {isCacheEnabled ? ( - <> - + {cacheExpiryTime && ( +

+ Cache will expire automatically on{" "} + {cacheExpiryTime.toLocaleDateString()} at{" "} + {cacheExpiryTime.toLocaleTimeString()} +

+ )} + + ) : ( +

+ The cache is disabled. All data will be fetched from the server. +

+ )} +
+
+ {isCacheEnabled ? ( + <> + + + + ) : ( - - ) : ( - - )} + )} +
);