ZSCGR/KVideo
1
0
Fork 0
mirror of https://github.com/KuekHaoYang/KVideo.git synced 2026-08-16 01:03:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: remove CacheSettings component

Browse Source
This commit is contained in:
kuekhaoyang
2025-11-23 17:52:38 +08:00
parent 045247041d
commit 7ec01a73d6
1 changed files with 0 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/settings/CacheSettings.tsx
-117
View File
@@ -1,117 +0,0 @@
'use client';
import { useEffect, useState } from 'react';
import { Card } from '@/components/ui/Card';
import { Button } from '@/components/ui/Button';
import { Icons } from '@/components/ui/Icon';
import { cacheManager, type CacheStats } from '@/lib/utils/cacheManager';
export function CacheSettings() {
const [stats, setStats] = useState<CacheStats | null>(null);
const [loading, setLoading] = useState(false);
const loadStats = async () => {
const cacheStats = await cacheManager.getCacheStats();
setStats(cacheStats);
};
useEffect(() => {
loadStats();
const interval = setInterval(loadStats, 10000);
return () => clearInterval(interval);
}, []);
const handleClearAll = async () => {
if (!confirm('确定要清除所有缓存吗？这将删除所有已下载的视频片段。')) return;
setLoading(true);
try {
await cacheManager.clearAllCache();
await loadStats();
} finally {
setLoading(false);
}
};
const handleCleanup = async () => {
setLoading(true);
try {
await cacheManager.checkAndCleanup();
await loadStats();
} finally {
setLoading(false);
}
};
const formatDate = (timestamp: number) => {
if (!timestamp) return '无';
return new Date(timestamp).toLocaleString('zh-CN');
};
return (
<Card className="glass-effect">
<div className="space-y-4">
<div>
<h3 className="text-lg font-semibold flex items-center gap-2 mb-1">
<Icons.Inbox className="h-5 w-5" />
缓存管理
</h3>
<p className="text-sm text-muted-foreground">
视频片段缓存自动管理，7天后过期，最大1GB
</p>
</div>
{stats && (
<div className="space-y-3">
<div className="grid grid-cols-2 gap-4">
<div className="glass-panel p-4 rounded-[var(--radius-lg)]">
<div className="text-sm text-muted-foreground mb-1">缓存条目</div>
<div className="text-2xl font-bold">{stats.totalEntries}</div>
</div>
<div className="glass-panel p-4 rounded-[var(--radius-lg)]">
<div className="text-sm text-muted-foreground mb-1">缓存大小</div>
<div className="text-2xl font-bold">{stats.totalSizeMB.toFixed(2)} MB</div>
</div>
</div>
<div className="glass-panel p-4 rounded-[var(--radius-lg)] space-y-2">
<div className="flex justify-between text-sm">
<span className="text-muted-foreground">最早缓存</span>
<span>{formatDate(stats.oldestEntry)}</span>
</div>
<div className="flex justify-between text-sm">
<span className="text-muted-foreground">最新缓存</span>
<span>{formatDate(stats.newestEntry)}</span>
</div>
</div>
{stats.totalSizeMB > 800 && (
<div className="glass-panel p-3 rounded-[var(--radius-lg)] border-l-4 border-yellow-500">
<div className="flex items-center gap-2 text-sm text-yellow-600 dark:text-yellow-400">
<Icons.AlertTriangle className="h-4 w-4" />
<span>缓存空间即将达到上限</span>
</div>
</div>
)}
</div>
)}
<div className="flex gap-2">
<Button onClick={handleCleanup} disabled={loading} className="flex-1">
<Icons.Trash className="h-4 w-4 mr-2" />
清理过期缓存
</Button>
<Button onClick={handleClearAll} disabled={loading} className="flex-1">
<Icons.X className="h-4 w-4 mr-2" />
清除全部
</Button>
</div>
<div className="text-xs text-muted-foreground space-y-1">
<p>• 缓存会在7天后自动过期</p>
<p>• 超过1GB时自动清理最旧的30%</p>
<p>• 系统每5分钟自动检查一次</p>
</div>
</div>
</Card>
);
}