init

2026-07-06 04:57:48 +02:00 · 2025-05-29 10:17:16 +04:00
commit 08678dcacc
154 changed files with 29456 additions and 0 deletions
@@ -0,0 +1,130 @@
+"use client";
+
+import { LoadingButton } from "@/components/loading-button";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { useVersionUpdater } from "@/hooks/use-version-updater";
+import {
+  LuRefreshCw,
+  LuClock,
+  LuCheckCheck,
+  LuCircleAlert,
+} from "react-icons/lu";
+
+export function VersionUpdateSettings() {
+  const {
+    isUpdating,
+    lastUpdateTime,
+    timeUntilNextUpdate,
+    updateProgress,
+    triggerManualUpdate,
+    formatTimeUntilUpdate,
+    formatLastUpdateTime,
+  } = useVersionUpdater();
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <LuRefreshCw className="h-5 w-5" />
+          Background Version Updates
+        </CardTitle>
+        <CardDescription>
+          Browser versions are automatically checked every 3 hours in the
+          background. New versions are cached and ready when you need them.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        {/* Current Status */}
+        <div className="grid gap-4 md:grid-cols-2">
+          <div className="space-y-2">
+            <div className="flex items-center gap-2 text-sm font-medium">
+              <LuClock className="h-4 w-4" />
+              Last Update
+            </div>
+            <div className="text-sm text-muted-foreground">
+              {formatLastUpdateTime(lastUpdateTime)}
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <div className="flex items-center gap-2 text-sm font-medium">
+              <LuCheckCheck className="h-4 w-4" />
+              Next Update
+            </div>
+            <div className="text-sm text-muted-foreground">
+              {timeUntilNextUpdate <= 0
+                ? "Now"
+                : `In ${formatTimeUntilUpdate(timeUntilNextUpdate)}`}
+            </div>
+          </div>
+        </div>
+
+        {/* Progress indicator */}
+        {isUpdating && updateProgress && (
+          <Alert>
+            <LuRefreshCw className="h-4 w-4 animate-spin" />
+            <AlertTitle>Updating Browser Versions</AlertTitle>
+            <AlertDescription>
+              {updateProgress.current_browser ? (
+                <>
+                  Checking {updateProgress.current_browser} (
+                  {updateProgress.completed_browsers}/
+                  {updateProgress.total_browsers})
+                  <br />
+                  {updateProgress.new_versions_found} new versions found so far
+                </>
+              ) : (
+                "Starting version update..."
+              )}
+            </AlertDescription>
+          </Alert>
+        )}
+
+        {/* Manual update button */}
+        <div className="flex items-center justify-between pt-2 border-t">
+          <div className="space-y-1">
+            <div className="text-sm font-medium">Manual Update</div>
+            <div className="text-xs text-muted-foreground">
+              Check for new browser versions now
+            </div>
+          </div>
+          <LoadingButton
+            isLoading={isUpdating}
+            onClick={() => {
+              void triggerManualUpdate();
+            }}
+            variant="outline"
+            size="sm"
+            disabled={isUpdating}
+          >
+            <LuRefreshCw className="h-4 w-4 mr-2" />
+            {isUpdating ? "Updating..." : "Check Now"}
+          </LoadingButton>
+        </div>
+
+        {/* Information about background updates */}
+        <Alert>
+          <LuCircleAlert className="h-4 w-4" />
+          <AlertTitle>How it works</AlertTitle>
+          <AlertDescription className="text-xs">
+            • Version information is checked automatically every 3 hours
+            <br />
+            • New versions are added to the cache without removing old ones
+            <br />
+            • When creating profiles or changing versions, you&apos;ll see how
+            many new versions were found
+            <br />• This keeps the app responsive while ensuring you have the
+            latest information
+          </AlertDescription>
+        </Alert>
+      </CardContent>
+    </Card>
+  );
+}