Reorganize repository into monorepo structure

Restructured the project to support multiple frontend applications: - Move web app to web/ directory - Create pezkuwi-sdk-ui/ for Polkadot SDK clone (planned) - Create mobile/ directory for mobile app development - Add shared/ directory with common utilities, types, and blockchain code - Update README.md with comprehensive documentation - Remove obsolete DKSweb/ directory This monorepo structure enables better code sharing and organized development across web, mobile, and SDK UI projects.
2026-04-26 02:57:59 +00:00 · 2025-11-14 00:46:35 +00:00
parent bb3d9aeb29
commit c48ded7ff2
206 changed files with 502 additions and 4 deletions
@@ -0,0 +1,96 @@
+import { useEffect, useState } from 'react';
+import { useSearchParams, useNavigate } from 'react-router-dom';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { supabase } from '@/lib/supabase';
+import { CheckCircle, XCircle, Loader2, ArrowLeft } from 'lucide-react';
+
+export default function EmailVerification() {
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const [verifying, setVerifying] = useState(true);
+  const [verified, setVerified] = useState(false);
+  const [error, setError] = useState('');
+
+  useEffect(() => {
+    const token = searchParams.get('token');
+    if (token) {
+      verifyEmail(token);
+    } else {
+      setError('No verification token provided');
+      setVerifying(false);
+    }
+  }, [searchParams]);
+
+  const verifyEmail = async (token: string) => {
+    try {
+      const { data, error } = await supabase.functions.invoke('email-verification', {
+        body: { action: 'verify', token }
+      });
+
+      if (error) throw error;
+      
+      setVerified(true);
+    } catch (err: any) {
+      setError(err.message || 'Failed to verify email');
+    } finally {
+      setVerifying(false);
+    }
+  };
+
+  return (
+    <div className="container mx-auto flex items-center justify-center min-h-screen p-4">
+      <Card className="w-full max-w-md relative">
+        <button
+          onClick={() => navigate('/')}
+          className="absolute top-4 left-4 text-gray-400 hover:text-white transition-colors z-10"
+        >
+          <ArrowLeft className="w-5 h-5" />
+        </button>
+        <CardHeader>
+          <CardTitle>Email Verification</CardTitle>
+          <CardDescription>
+            {verifying ? 'Verifying your email...' : 'Email verification status'}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="text-center space-y-4">
+          {verifying && (
+            <div className="flex flex-col items-center space-y-4">
+              <Loader2 className="h-12 w-12 animate-spin text-primary" />
+              <p>Please wait while we verify your email...</p>
+            </div>
+          )}
+
+          {!verifying && verified && (
+            <div className="flex flex-col items-center space-y-4">
+              <CheckCircle className="h-12 w-12 text-green-500" />
+              <h3 className="text-lg font-semibold">Email Verified Successfully!</h3>
+              <p className="text-muted-foreground">
+                Your email has been verified. You can now access all features.
+              </p>
+              <Button onClick={() => navigate('/dashboard')}>
+                Go to Dashboard
+              </Button>
+            </div>
+          )}
+
+          {!verifying && !verified && (
+            <div className="flex flex-col items-center space-y-4">
+              <XCircle className="h-12 w-12 text-red-500" />
+              <h3 className="text-lg font-semibold">Verification Failed</h3>
+              <p className="text-muted-foreground">{error}</p>
+              <div className="flex gap-2">
+                <Button variant="outline" onClick={() => navigate('/dashboard')}>
+                  Go to Dashboard
+                </Button>
+                <Button onClick={() => navigate('/login')}>
+                  Login
+                </Button>
+              </div>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}