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,72 @@
+import React, { useState, useEffect } from 'react';
+import { Modal } from '../ui/Modal';
+import { useUIStore } from '../../stores/uiStore';
+import { useServerStore } from '../../stores/serverStore';
+
+export function InviteModal() {
+  const [inviteCode, setInviteCode] = useState('');
+  const [copied, setCopied] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const activeModal = useUIStore((s) => s.activeModal);
+  const closeModal = useUIStore((s) => s.closeModal);
+  const generateInvite = useServerStore((s) => s.generateInvite);
+  const currentServerId = useServerStore((s) => s.currentServerId);
+
+  const isOpen = activeModal === 'invite';
+
+  useEffect(() => {
+    if (isOpen && currentServerId) {
+      setIsLoading(true);
+      generateInvite(currentServerId)
+        .then(code => {
+          setInviteCode(code);
+          setIsLoading(false);
+        })
+        .catch(() => setIsLoading(false));
+    }
+  }, [isOpen, currentServerId, generateInvite]);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(inviteCode);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      // Fallback: select the text
+      const input = document.querySelector<HTMLInputElement>('.invite-code-input');
+      if (input) {
+        input.select();
+        document.execCommand('copy');
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+      }
+    }
+  };
+
+  return (
+    <Modal isOpen={isOpen} onClose={closeModal} title="Invite Friends">
+      <p className="text-discord-text-secondary text-sm mb-4">
+        Share this invite code with friends to let them join your server.
+      </p>
+      <div className="flex items-center gap-2">
+        <input
+          type="text"
+          value={isLoading ? 'Generating...' : inviteCode}
+          readOnly
+          className="invite-code-input flex-1 px-3 py-2 bg-discord-bg-tertiary rounded text-discord-text-primary outline-none font-mono text-sm"
+        />
+        <button
+          onClick={handleCopy}
+          disabled={isLoading}
+          className={`px-4 py-2 text-sm font-medium rounded transition-colors ${
+            copied
+              ? 'bg-discord-green text-white'
+              : 'bg-discord-blurple hover:bg-discord-blurple-hover text-white'
+          }`}
+        >
+          {copied ? 'Copied!' : 'Copy'}
+        </button>
+      </div>
+    </Modal>
+  );
+}