chore: Initial commit of Opencord base state

2026-02-18 02:49:21 +01:00
commit 4fd17084a5
124 changed files with 17955 additions and 0 deletions
@@ -0,0 +1,32 @@
+import React from 'react';
+import { useUIStore } from '../../stores/uiStore';
+
+export function ImagePreview() {
+  const imageUrl = useUIStore((s) => s.imagePreviewUrl);
+  const closeImagePreview = useUIStore((s) => s.closeImagePreview);
+  const activeModal = useUIStore((s) => s.activeModal);
+
+  if (activeModal !== 'imagePreview' || !imageUrl) return null;
+
+  return (
+    <div
+      className="fixed inset-0 z-[60] flex items-center justify-center bg-black/80 animate-fade-in cursor-pointer"
+      onClick={closeImagePreview}
+    >
+      <button
+        className="absolute top-4 right-4 text-white/70 hover:text-white transition-colors z-10"
+        onClick={closeImagePreview}
+      >
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z" />
+        </svg>
+      </button>
+      <img
+        src={imageUrl}
+        alt="Preview"
+        className="max-w-[90vw] max-h-[90vh] object-contain rounded shadow-2xl"
+        onClick={(e) => e.stopPropagation()}
+      />
+    </div>
+  );
+}