paul
1b4b497fdf
Mirror to GitHub / mirror (push) Successful in 44s
Test and Lint / backend-test (push) Successful in 1m42s
Test and Lint / frontend-test (push) Has been cancelled
Version and Release / version-bump (push) Has been cancelled
Version and Release / trigger-drone (push) Has been cancelled
- Remove all console.log/debug statements from production code - Add NODE_ENV checks for development-only logging - Remove test scripts (test-feedback, test-image-security, test-backup-*, test-restore) - Remove one-time fix scripts (fix-temp-photos, fix-migration-state, mark-migration-applied) - Remove sensitive files (.env.backup, ADMIN_CREDENTIALS.txt) - Update package.json to remove references to deleted scripts - Replace console statements with logger utility in backend - Secure error boundaries to not expose stack traces in production This makes the codebase production-ready with no debug output or test scripts. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
import { Download, X } from 'lucide-react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
interface DownloadProgressProps {
|
|
isDownloading: boolean;
|
|
progress?: number;
|
|
fileName?: string;
|
|
onCancel?: () => void;
|
|
}
|
|
|
|
export const DownloadProgress: React.FC<DownloadProgressProps> = ({
|
|
isDownloading,
|
|
progress = 0,
|
|
fileName,
|
|
onCancel,
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
if (!isDownloading) return null;
|
|
|
|
return (
|
|
<div className="fixed bottom-4 right-4 bg-white rounded-lg shadow-lg border border-neutral-200 p-4 min-w-[300px] z-50">
|
|
<div className="flex items-start justify-between mb-2">
|
|
<div className="flex items-center gap-2">
|
|
<Download className="w-5 h-5 text-primary-600 animate-bounce" />
|
|
<div>
|
|
<p className="text-sm font-medium text-neutral-900">{t('download.downloading')}</p>
|
|
{fileName && (
|
|
<p className="text-xs text-neutral-500 truncate max-w-[200px]">{fileName}</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
{onCancel && (
|
|
<button
|
|
onClick={onCancel}
|
|
className="p-1 hover:bg-neutral-100 rounded transition-colors"
|
|
>
|
|
<X className="w-4 h-4 text-neutral-500" />
|
|
</button>
|
|
)}
|
|
</div>
|
|
|
|
<div className="w-full bg-neutral-200 rounded-full h-2">
|
|
<div
|
|
className="bg-primary-600 h-2 rounded-full transition-all duration-300"
|
|
style={{ width: `${progress}%` }}
|
|
/>
|
|
</div>
|
|
|
|
{progress > 0 && (
|
|
<p className="text-xs text-neutral-500 mt-1">{Math.round(progress)}{t('download.percentComplete')}</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}; |