fix: update ShareButtons and SignersList components for better link handling and loading state

fixes various linting errors

Author: ThorstenSuckow

src/components/ShareButtons.tsx

@@ -83,7 +83,9 @@ export default function ShareButtons({
 
     const handleShare = async (link: ShareLink) => {
         if (link.name === 'Email') {
-            window.location.href = link.url;
+            if (typeof window !== 'undefined') {
+                window.open(link.url, '_self');
+            }
         } else {
             window.open(link.url, '_blank', 'width=600,height=400,noopener,noreferrer');
         }

src/components/SignManifest.tsx

@@ -269,7 +269,7 @@ export function SignManifest() {
                     const { data: newCaptcha } = await supabase.rpc('generate_captcha_challenge');
                     if (newCaptcha) setCaptchaChallenge(newCaptcha);
                     setNameOnlyForm((prev) => ({ ...prev, captchaAnswer: '' }));
-                } else if ((error as any).code === '42501') {
+                } else if ((error as { code?: string }).code === '42501') {
                     setNameOnlyError(
                         'Permission denied (RLS). Please retry in a moment or contact support if this persists.'
                     );
@@ -315,18 +315,24 @@ export function SignManifest() {
 
         if (error) {
             console.error('Failed to delete account', error);
-            // Optional: User informieren
-            alert('Fehler beim Löschen des Accounts: ' + error.message);
+            // Show error to user
+            if (typeof window !== 'undefined') {
+                window.alert('Error deleting account: ' + error.message);
+            }
         } else {
             setSignature(null);
             try {
                 sessionStorage.removeItem('signedUserId');
-            } catch {}
+            } catch {
+                // SessionStorage not available
+            }
             broadcastSignatureChange();
 
             try {
                 await supabase.auth.signOut();
-            } catch (e) {}
+            } catch {
+                // Sign out failed, ignore
+            }
 
             setSession(null);
         }

src/components/SignersList.tsx

@@ -26,24 +26,21 @@ interface SignersListProps {
 
 export default function SignersList({ variant = 'compact' }: SignersListProps) {
     const supabase = useSupabase();
-    const [signers, setSigners] = useState<Signer[]>([]);
-    const [loading, setLoading] = useState(true);
+    const [signers, setSigners] = useState<Signer[]>(() => (USE_MOCK_DATA ? (mockSignatures as Signer[]) : []));
+    const [loading, setLoading] = useState(() => !USE_MOCK_DATA && !!supabase);
 
     useEffect(() => {
-        // Always use mock data if enabled
         if (USE_MOCK_DATA) {
             console.log('Loading mock signatures:', mockSignatures.length, 'entries');
-            setSigners(mockSignatures as Signer[]);
-            setLoading(false);
             return;
         }
 
         if (!supabase) {
-            setLoading(false);
             return;
         }
 
         const load = async () => {
+            setLoading(true);
             const { data, error } = await supabase
                 .from('signatures')
                 .select(

src/pages/index.module.css

@@ -104,7 +104,7 @@
     align-items: center;
     justify-content: flex-start;
     gap: 1.1rem;
-    max-width: min(420px, 90vw);
+    max-width: min(370px, 90vw);
     margin: 2.25rem auto 1.75rem auto;
     padding: 0 0.5rem;
 }