feat: initial IPFS Portal — Next.js frontend for remote IPFS node management

Multi-file upload with Quick Upload + Crypto Payment tabs. Dashboard with live IPFS metrics, Explorer, Peers, Pins, History, Settings pages. Docker deploy (standalone output), full test suite (16 Playwright tests). Payment integration via IPFSPortalPayment + MockUSDC contracts on zkSync.
2026-06-25 19:47:57 +02:00
commit 1ddc89479c
42 changed files with 8383 additions and 0 deletions
@@ -0,0 +1,48 @@
+'use client';
+
+import {
+  FileText,
+  Code,
+  Code2,
+  Image,
+  File,
+  Folder,
+} from 'lucide-react';
+
+interface FileIconProps {
+  name: string;
+  type: 'file' | 'dir';
+  className?: string;
+}
+
+export default function FileIcon({ name, type, className = 'w-4 h-4' }: FileIconProps) {
+  if (type === 'dir') {
+    return <Folder className={`${className} text-accent-cyan`} />;
+  }
+
+  const ext = name.split('.').pop()?.toLowerCase() ?? '';
+
+  switch (ext) {
+    case 'md':
+      return <FileText className={`${className} text-surface-400`} />;
+    case 'json':
+      return <Code className={`${className} text-surface-400`} />;
+    case 'js':
+    case 'ts':
+    case 'py':
+    case 'css':
+    case 'html':
+      return <Code2 className={`${className} text-surface-400`} />;
+    case 'jpg':
+    case 'jpeg':
+    case 'png':
+    case 'gif':
+    case 'webp':
+    case 'svg':
+      return <Image className={`${className} text-surface-400`} />;
+    case 'pdf':
+      return <File className={`${className} text-surface-400`} />;
+    default:
+      return <File className={`${className} text-surface-400`} />;
+  }
+}