Skip to content

Create forgot password flow #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ayshadogo merged 7 commits into from
Mar 26, 2026
Merged

Create forgot password flow #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
800b61b
(Implement-Protected-Route-HOC
shamoo53 Mar 25, 2026
6abc7a0
Create-Forgot-Password-Flow
shamoo53 Mar 25, 2026
e0791f7
Merge branch 'main' into Create-Forgot-Password-Flow
shamoo53 Mar 25, 2026
013277b
Merge branch 'main' of https://github.com/shamoo53/stellarAid-web int…
shamoo53 Mar 26, 2026
5c36df3
resolve conflict
shamoo53 Mar 26, 2026
883c769
Merge branch 'Create-Forgot-Password-Flow' of https://github.com/sham…
shamoo53 Mar 26, 2026
06d2189
fix type error
shamoo53 Mar 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
154 changes: 154 additions & 0 deletions app/(main)/admin/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
"use client";

import { ProtectedRoute } from "@/lib/auth/ProtectedRoute";
import { useAuthStore } from "@/store/authStore";
import { Card } from "@/components/ui/Card";
import { Button } from "@/components/ui/Button";

function AdminContent() {
const { user } = useAuthStore();

return (
<div className="min-h-screen bg-[#f0f4fa] p-6">
<div className="max-w-7xl mx-auto">
{/* Header */}
<div className="mb-8">
<h1 className="text-3xl font-bold text-gray-900 mb-2">
Admin Dashboard
</h1>
<p className="text-gray-600">
Manage users, campaigns, and system settings.
</p>
</div>

{/* Admin Stats */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Total Users
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">1,234</p>
<p className="text-sm text-green-600 mt-1">+12% this month</p>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Active Campaigns
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">45</p>
<p className="text-sm text-green-600 mt-1">+8% this month</p>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Total Revenue
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">$89,450</p>
<p className="text-sm text-green-600 mt-1">+23% this month</p>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Pending Approvals
</h3>
<p className="text-3xl font-bold text-orange-600">7</p>
<p className="text-sm text-gray-600 mt-1">Need review</p>
</Card>
</div>

{/* Admin Actions */}
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<Card variant="elevated" padding="lg">
<h3 className="text-xl font-semibold text-gray-900 mb-4">
User Management
</h3>
<div className="space-y-3">
<Button variant="primary" fullWidth className="mb-2">
View All Users
</Button>
<Button variant="secondary" fullWidth className="mb-2">
Manage Roles
</Button>
<Button variant="secondary" fullWidth>
Export User Data
</Button>
</div>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-xl font-semibold text-gray-900 mb-4">
Campaign Management
</h3>
<div className="space-y-3">
<Button variant="primary" fullWidth className="mb-2">
Create New Campaign
</Button>
<Button variant="secondary" fullWidth className="mb-2">
Review Pending Campaigns
</Button>
<Button variant="secondary" fullWidth>
Campaign Analytics
</Button>
</div>
</Card>
</div>

{/* Recent Admin Activity */}
<Card variant="elevated" padding="lg" className="mt-6">
<h3 className="text-xl font-semibold text-gray-900 mb-4">
Recent Admin Activity
</h3>
<div className="space-y-3">
<div className="flex items-center justify-between py-2 border-b border-gray-200">
<div>
<p className="font-medium text-gray-900">
Approved campaign &quot;Clean Water Initiative&quot;
</p>
<p className="text-sm text-gray-600">
Admin: {user?.name} • 1 hour ago
</p>
</div>
<span className="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm font-medium">
Approved
</span>
</div>
<div className="flex items-center justify-between py-2 border-b border-gray-200">
<div>
<p className="font-medium text-gray-900">
Updated user role to moderator
</p>
<p className="text-sm text-gray-600">
Admin: {user?.name} • 3 hours ago
</p>
</div>
<span className="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">
Role Change
</span>
</div>
<div className="flex items-center justify-between py-2">
<div>
<p className="font-medium text-gray-900">
Suspended user account for policy violation
</p>
<p className="text-sm text-gray-600">
Admin: {user?.name} • 5 hours ago
</p>
</div>
<span className="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-medium">
Suspended
</span>
</div>
</div>
</Card>
</div>
</div>
);
}

export default function AdminPage() {
return (
<ProtectedRoute requiredRole="admin">
<AdminContent />
</ProtectedRoute>
);
}
117 changes: 117 additions & 0 deletions app/(main)/dashboard/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
"use client";

import { ProtectedRoute } from "@/lib/auth/ProtectedRoute";
import { useAuthStore } from "@/store/authStore";
import { Card } from "@/components/ui/Card";
import { Button } from "@/components/ui/Button";

function DashboardContent() {
const { user, logout } = useAuthStore();

return (
<div className="min-h-screen bg-[#f0f4fa] p-6">
<div className="max-w-7xl mx-auto">
{/* Header */}
<div className="mb-8">
<h1 className="text-3xl font-bold text-gray-900 mb-2">
Welcome back, {user?.name || "User"}!
</h1>
<p className="text-gray-600">
Here&apos;s what&apos;s happening with your StellarAid account
today.
</p>
</div>

{/* User Info Card */}
<Card variant="elevated" padding="lg" className="mb-6">
<div className="flex items-center justify-between">
<div>
<h2 className="text-xl font-semibold text-gray-900 mb-1">
Account Information
</h2>
<p className="text-gray-600">Email: {user?.email}</p>
<p className="text-gray-600">User ID: {user?.id}</p>
{(user as any)?.role && (
<p className="text-gray-600">Role: {(user as any).role}</p>
)}
</div>
<Button variant="secondary" onClick={logout} className="ml-4">
Sign Out
</Button>
</div>
</Card>

{/* Dashboard Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Total Donations
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">$12,450</p>
<p className="text-sm text-gray-600 mt-1">This month</p>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Active Campaigns
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">8</p>
<p className="text-sm text-gray-600 mt-1">Currently supporting</p>
</Card>

<Card variant="elevated" padding="lg">
<h3 className="text-lg font-semibold text-gray-900 mb-2">
Impact Score
</h3>
<p className="text-3xl font-bold text-[#1a3a6b]">94</p>
<p className="text-sm text-gray-600 mt-1">Based on contributions</p>
</Card>
</div>

{/* Recent Activity */}
<Card variant="elevated" padding="lg" className="mt-6">
<h3 className="text-xl font-semibold text-gray-900 mb-4">
Recent Activity
</h3>
<div className="space-y-3">
<div className="flex items-center justify-between py-2 border-b border-gray-200">
<div>
<p className="font-medium text-gray-900">
Donated to Clean Water Fund
</p>
<p className="text-sm text-gray-600">2 hours ago</p>
</div>
<span className="font-semibold text-green-600">$250</span>
</div>
<div className="flex items-center justify-between py-2 border-b border-gray-200">
<div>
<p className="font-medium text-gray-900">
Supported Education Initiative
</p>
<p className="text-sm text-gray-600">1 day ago</p>
</div>
<span className="font-semibold text-green-600">$100</span>
</div>
<div className="flex items-center justify-between py-2">
<div>
<p className="font-medium text-gray-900">
Joined Climate Action Campaign
</p>
<p className="text-sm text-gray-600">3 days ago</p>
</div>
<span className="font-semibold text-blue-600">Joined</span>
</div>
</div>
</Card>
</div>
</div>
);
}

export default function DashboardPage() {
return (
<ProtectedRoute>
<DashboardContent />
</ProtectedRoute>
);
}
Loading
Loading