yovinchen/claudia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

汉化

Browse Source
This commit is contained in:
YoVinchen
2025-08-06 15:39:05 +08:00
parent 351a79d54c
commit 6798be3b42
26 changed files with 1243 additions and 469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/AnalyticsConsent.tsx
View File

@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/button';
import { Card } from '@/components/ui/card';
import { analytics } from '@/lib/analytics';
import { cn } from '@/lib/utils';
import { useTranslation } from '@/hooks/useTranslation';
interface AnalyticsConsentProps {
open?: boolean;
@@ -18,6 +19,7 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
onOpenChange,
onComplete,
}) => {
const { t } = useTranslation();
const [internalOpen, setInternalOpen] = useState(false);
const [hasShownConsent, setHasShownConsent] = useState(false);
@@ -70,10 +72,10 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
<div className="p-2 bg-purple-100 dark:bg-purple-900/20 rounded-lg">
<BarChart3 className="h-6 w-6 text-purple-600 dark:text-purple-400" />
</div>
<DialogTitle className="text-2xl">Help Improve Claudia</DialogTitle>
<DialogTitle className="text-2xl">{t('analytics.helpImproveClaudia')}</DialogTitle>
</div>
<DialogDescription className="text-base mt-2">
We'd like to collect anonymous usage data to improve your experience.
{t('analytics.collectAnonymousData')}
</DialogDescription>
</DialogHeader>
</div>
@@ -84,12 +86,12 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
<div className="flex gap-3">
<Check className="h-5 w-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" />
<div className="space-y-1">
<p className="font-medium text-green-900 dark:text-green-100">What we collect:</p>
<p className="font-medium text-green-900 dark:text-green-100">{t('analytics.whatWeCollect')}</p>
<ul className="text-sm text-green-800 dark:text-green-200 space-y-1">
<li>• Feature usage (which tools and commands you use)</li>
<li>• Performance metrics (app speed and reliability)</li>
<li>• Error reports (to fix bugs and improve stability)</li>
<li>• General usage patterns (session frequency and duration)</li>
<li>• {t('analytics.featureUsageDesc')}</li>
<li>• {t('analytics.performanceMetricsDesc')}</li>
<li>• {t('analytics.errorReportsDesc')}</li>
<li>• {t('analytics.usagePatternsDesc')}</li>
</ul>
</div>
</div>
@@ -99,13 +101,13 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
<div className="flex gap-3">
<Shield className="h-5 w-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" />
<div className="space-y-1">
<p className="font-medium text-blue-900 dark:text-blue-100">Your privacy is protected:</p>
<p className="font-medium text-blue-900 dark:text-blue-100">{t('analytics.privacyProtected')}</p>
<ul className="text-sm text-blue-800 dark:text-blue-200 space-y-1">
<li>• No personal information is collected</li>
<li>• No file contents, paths, or project names</li>
<li>• No API keys or sensitive data</li>
<li>• Completely anonymous with random IDs</li>
<li>• You can opt-out anytime in Settings</li>
<li>• {t('analytics.noPersonalInfo')}</li>
<li>• {t('analytics.noFileContents')}</li>
<li>• {t('analytics.noApiKeys')}</li>
<li>• {t('analytics.anonymousData')}</li>
<li>• {t('analytics.canOptOut')}</li>
</ul>
</div>
</div>
@@ -116,8 +118,7 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
<div className="flex gap-2 items-start">
<Info className="h-4 w-4 text-gray-500 flex-shrink-0 mt-0.5" />
<p className="text-sm text-gray-600 dark:text-gray-400">
This data helps us understand which features are most valuable, identify performance
issues, and prioritize improvements. Your choice won't affect any functionality.
{t('analytics.dataHelpsUs')}
</p>
</div>
</div>
@@ -129,13 +130,13 @@ export const AnalyticsConsent: React.FC<AnalyticsConsentProps> = ({
variant="outline"
className="flex-1"
>
No Thanks
{t('analytics.noThanks')}
</Button>
<Button
onClick={handleAccept}
className="flex-1 bg-purple-600 hover:bg-purple-700 text-white"
>
Allow Analytics
{t('analytics.allowAnalytics')}
</Button>
</div>
</DialogContent>