(null);
+ const [isViewModalOpen, setIsViewModalOpen] = useState(false);
+
+ useEffect(() => {
+ fetchDeals();
+ }, []);
+
+ const fetchDeals = async () => {
+ try {
+ setLoading(true);
+ const res = await axios.get(`${URL}/deal/get-all-deals`);
+ setDeals(res.data);
+ } catch (error) {
+ console.error("Error fetching deals:", error);
+ toast.error("Failed to load deals.");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const openViewModal = (deal: any) => {
+ setSelectedDeal(deal);
+ setIsViewModalOpen(true);
+ };
+
+ const filteredDeals = deals.filter((deal) => {
+ const term = searchTerm.toLowerCase();
+ return (
+ deal.investorId?.name?.toLowerCase().includes(term) ||
+ deal.entrepreneurId?.name?.toLowerCase().includes(term) ||
+ deal.entrepreneurId?.startupName?.toLowerCase().includes(term) ||
+ deal.status?.toLowerCase().includes(term)
+ );
+ });
+
+ if (loading) return Loading deals...
;
+
+ return (
+
+
+
All Deal Records
+
+
+ setSearchTerm(e.target.value)}
+ />
+
+
+
+ {filteredDeals.length === 0 ? (
+
No deals found.
+ ) : (
+
+ {filteredDeals.map((deal) => (
+
+
+
+
+
Investor
+
+ {deal.investorId?.name || "Unknown"}
+
+
{deal.investorId?.email}
+
+
+
+
Entrepreneur
+
+ {deal.entrepreneurId?.name || "Unknown"}
+
+
{deal.entrepreneurId?.startupName}
+
+
+
+ {deal.status.charAt(0).toUpperCase() + deal.status.slice(1)}
+
+ {deal.paymentStatus === 'funds_released' && (
+
+ Payment Approved
+
+ )}
+
Created: {new Date(deal.createdAt).toLocaleDateString()}
+
+
+
Amount
+
${deal.investmentAmount?.toLocaleString()}
+
+
+
Equity
+
{deal.equityOffered}%
+
+
+
Valuation
+
${deal.postMoneyValuation?.toLocaleString()}
+
+
+
Type
+
{deal.investmentType}
+
+
+ {deal.negotiationHistory?.length > 0 && (
+
+ Negotiated
+ {deal.negotiationHistory.length} round(s) of negotiation
+
+ )}
+
+
+ ))}
+
+ )}
+
+ {/* View Modal (Read Only) */}
+ {isViewModalOpen && selectedDeal && (
+
setIsViewModalOpen(false)}
+ readOnly={true}
+ initialData={selectedDeal}
+ />
+ )}
+
{user.email}
+ {emailStatus[user.email]?.status === 'not_exists' && (
+
+ {emailStatus[user.email]?.reason === 'Disposable email' ? 'Fake Disposable' : 'Invalid/Fake Email'}
+
+ )}
diff --git a/src/pages/admin/supporters.tsx b/src/pages/admin/supporters.tsx
index 544b40c53..abba4299d 100644
--- a/src/pages/admin/supporters.tsx
+++ b/src/pages/admin/supporters.tsx
@@ -1,115 +1,112 @@
import React, { useEffect, useRef, useState } from "react";
import { Input } from "../../components/ui/Input";
-import { SearchIcon, Trash } from "lucide-react";
+import { SearchIcon } from "lucide-react";
import { Button } from "../../components/ui/Button";
import { ThreeDotsButton } from "../../components/ui/ThreeDotsButton";
+import axios from "axios";
+import toast from "react-hot-toast";
interface Supporter {
- _id: string;
+ id: string;
name: string;
email: string;
+ phone: string;
campaign: string;
amount: number;
+ date: string;
+ type: string;
}
export const Supporters: React.FC = () => {
- const [supporters, setSupportors] = useState([]);
- const [searchedSupportors, setSearchedSupportors] = useState([]);
+ const [supporters, setSupporters] = useState([]);
+ const [searchedSupporters, setSearchedSupporters] = useState([]);
const [query, setQuery] = useState("");
const [searched, setSearched] = useState("");
+ const [isLoading, setIsLoading] = useState(true);
+
+ const URL = import.meta.env.VITE_BACKEND_URL;
+
+ const fetchSupporters = async () => {
+ try {
+ setIsLoading(true);
+ const token = localStorage.getItem("token");
+ const res = await axios.get(`${URL}/payment/all-donations`, {
+ headers: { Authorization: `Bearer ${token}` }
+ });
+ setSupporters(res.data);
+ } catch (err: any) {
+ console.error("Error fetching supporters:", err);
+ toast.error("Failed to fetch supporters data");
+ } finally {
+ setIsLoading(false);
+ }
+ };
useEffect(() => {
- // DUMMY SUPPORTERS DATA
- const dumySupporters: Supporter[] = [
- {
- _id: "1",
- name: "Ali Raza",
- email: "ali@example.com",
- campaign: "Eco-Friendly Water Bottles",
- amount: 5000,
- },
- {
- _id: "2",
- name: "Jessica Smith",
- email: "jessica@example.com",
- campaign: "AI Study Planner App",
- amount: 12000,
- },
- {
- _id: "3",
- name: "Hassan Khan",
- email: "hassan@example.com",
- campaign: "Organic Farming Project",
- amount: 3000,
- },
- ];
- setSupportors(dumySupporters);
+ fetchSupporters();
}, []);
+
const [showDialog, setShowDialog] = useState(false);
- const [index, setIndex] = useState(null);
- const dialogRef = useRef(null);
+ const [activeIndex, setActiveIndex] = useState(null);
+ const dialogRef = useRef(null);
// close on outside click
useEffect(() => {
- function handleClickOutside(e) {
- if (dialogRef.current && !dialogRef.current.contains(e.target)) {
+ function handleClickOutside(e: MouseEvent) {
+ if (dialogRef.current && !dialogRef.current.contains(e.target as Node)) {
setShowDialog(false);
- setIndex(null);
+ setActiveIndex(null);
}
}
document.addEventListener("mousedown", handleClickOutside);
return () => document.removeEventListener("mousedown", handleClickOutside);
}, []);
- const TableRow = ({ sup, idx }) => {
+ const TableRow = ({ sup, idx }: { sup: Supporter; idx: number }) => {
return (
-
- | {sup.name} |
- {sup.email} |
- {sup.campaign} |
-
-
-
- ${sup.amount.toLocaleString()}
+
+ | {sup.name} |
+ {sup.email} |
+ {sup.phone} |
+ {sup.campaign} |
+
+ ${sup.amount.toLocaleString()}
+ |
+
+ {new Date(sup.date).toLocaleDateString()}
+ |
+
+
+ {sup.type}
+ |
- {/* 3-dots button */}
+
{
e.stopPropagation();
- setIndex(idx);
+ setActiveIndex(idx);
setShowDialog((prev) => !prev);
}}
/>
- {/* dropdown menu */}
- {showDialog && index === idx && (
+ {showDialog && activeIndex === idx && (
-
-
)}
@@ -118,84 +115,109 @@ export const Supporters: React.FC = () => {
);
};
+ const handleSearch = (e: React.FormEvent) => {
+ e.preventDefault();
+ setSearched(query);
+ const filtered = supporters.filter((sup) =>
+ sup.name.toLowerCase().includes(query.toLowerCase()) ||
+ sup.email.toLowerCase().includes(query.toLowerCase()) ||
+ sup.campaign.toLowerCase().includes(query.toLowerCase()) ||
+ sup.phone.toLowerCase().includes(query.toLowerCase())
+ );
+ setSearchedSupporters(filtered);
+ };
+
return (
-
-
- Crowdfund Supporters
-
-
-
- ⏳ {daysLeft} days left
+ {isLifetime ? "⏳ Lifetime" : `⏳ ${daysLeft} days left`}
@@ -202,20 +212,6 @@ export const CampaignsPage: React.FC = () => {
);
};
- const handleDonationSubmit = (e: React.FormEvent) => {
- e.preventDefault();
- alert(`Thank you for your donation of $${donationForm.amount} to "${donationForm.campaignTitle}"!`);
- setShowDonationForm(false);
- setDonationForm({
- cardNumber: "",
- cardHolder: "",
- expiryDate: "",
- cvv: "",
- amount: 0,
- campaignId: "",
- campaignTitle: ""
- });
- };
const handleAmountClick = (amount: number) => {
setDonationForm(prev => ({ ...prev, amount }));
@@ -254,32 +250,29 @@ export const CampaignsPage: React.FC = () => {
Discover and donate to campaigns making a real difference in people's lives. Every contribution matters.
+
- {/* Stats */}
-
-
- {campaigns.length}
- Active Campaigns
-
-
-
- ${campaigns.reduce((sum, c) => sum + c.raisedAmount, 0).toLocaleString()}
-
- Total Raised
-
-
-
- {campaigns.reduce((sum, c) => sum + (c.supporters?.length || 0), 0)}+
+ {/* Stats Bar - Widened to full container */}
+
+ {[
+ { label: "Active Campaigns", value: campaigns.length, color: "text-blue-500" },
+ { label: "Total Campaigns", value: allCampaigns.length, color: "text-blue-500" },
+ { label: "Total Raised", value: `$${allCampaigns.reduce((sum, c) => sum + c.raisedAmount, 0).toLocaleString()}`, color: "text-green-500" },
+ { label: "Total Donors", value: `${allCampaigns.reduce((sum, c) => sum + (c.supporters?.length || 0), 0)}+`, color: "text-blue-500" },
+ { label: "Avg. Success Rate", value: `${allCampaigns.length > 0 ? Math.round((allCampaigns.filter(c => c.raisedAmount >= c.goalAmount).length / allCampaigns.length) * 100) : 0}%`, color: "text-purple-500" }
+ ].map((stat, idx) => (
+
+
+ {stat.label}
- Donors
-
-
-
- {campaigns.length > 0 ? Math.round((campaigns.filter(c => c.raisedAmount >= c.goalAmount).length / campaigns.length) * 100) : 0}%
+
+ {stat.value}
- Success Rate
-
+ ))}
@@ -429,108 +422,20 @@ export const CampaignsPage: React.FC = () => {
+
+ {
+ handleCloseModal();
+ fetchCampaigns();
+ }}
+ onCancel={handleCloseModal}
+ />
+
+
diff --git a/src/pages/dashCamp/DashboardCampaignDetail.tsx b/src/pages/dashCamp/DashboardCampaignDetail.tsx
index 648dbfa32..5c6d7d9ba 100644
--- a/src/pages/dashCamp/DashboardCampaignDetail.tsx
+++ b/src/pages/dashCamp/DashboardCampaignDetail.tsx
@@ -4,8 +4,13 @@ import axios from "axios";
import toast from "react-hot-toast";
import { Button } from "../../components/ui/Button";
import { Card, CardBody } from "../../components/ui/Card";
-import { ArrowLeft, Calendar, Clock, Share2, ShieldCheck } from "lucide-react";
+import { ArrowLeft, Calendar, Clock, Share2, ShieldCheck, X, Rocket } from "lucide-react";
import { ShareModal } from "../../components/common/ShareModal";
+import { loadStripe } from "@stripe/stripe-js";
+import { Elements } from "@stripe/react-stripe-js";
+import { StripeDashboardPaymentForm } from "../../components/dashboard/StripeDashboardPaymentForm";
+
+const stripePromise = loadStripe(import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY);
interface Campaign {
_id: string;
@@ -19,6 +24,7 @@ interface Campaign {
organizer?: string;
endDate: string;
startDate: string;
+ isLifetime?: boolean;
status: string;
supporters?: Array<{
supporterId: string;
@@ -36,29 +42,31 @@ export const DashboardCampaignDetail: React.FC = () => {
const [loading, setLoading] = useState(true);
const [currentImageIndex, setCurrentImageIndex] = useState(0);
const [isShareModalOpen, setIsShareModalOpen] = useState(false);
+ const [showDonationForm, setShowDonationForm] = useState(false);
+ const [donationAmount, setDonationAmount] = useState(0);
- useEffect(() => {
- const fetchCampaign = async () => {
- try {
- setLoading(true);
- const response = await axios.get(`${URL}/admin/campaigns`);
- const foundCampaign = response.data.find((c: Campaign) => c._id === id);
+ const fetchCampaign = async () => {
+ try {
+ setLoading(true);
+ const response = await axios.get(`${URL}/admin/campaigns`);
+ const foundCampaign = response.data.find((c: Campaign) => c._id === id);
- if (foundCampaign) {
- setCampaign(foundCampaign);
- } else {
- toast.error("Campaign not found");
- navigate("/dashboard/campaigns");
- }
- } catch (error) {
- console.error("Failed to fetch campaign:", error);
- toast.error("Failed to load campaign details");
+ if (foundCampaign) {
+ setCampaign(foundCampaign);
+ } else {
+ toast.error("Campaign not found");
navigate("/dashboard/campaigns");
- } finally {
- setLoading(false);
}
- };
+ } catch (error) {
+ console.error("Failed to fetch campaign:", error);
+ toast.error("Failed to load campaign details");
+ navigate("/dashboard/campaigns");
+ } finally {
+ setLoading(false);
+ }
+ };
+ useEffect(() => {
if (id) {
fetchCampaign();
}
@@ -97,199 +105,272 @@ export const DashboardCampaignDetail: React.FC = () => {
const daysLeft = calculateDaysLeft(campaign.endDate);
return (
-
- {/* Header */}
-
-
-
-
- {campaign.title}
-
+ <>
+
+ {/* Header */}
+
+
+
+
+ {campaign.title}
+
+
-
-
- }
- onClick={() => setIsShareModalOpen(true)}
- >
- Share
-
- {/*
+ {/* */}
+
-
-
-
- {/* Left Column - Media & Description */}
-
- {/* Media Slider */}
-
- {campaign.images && campaign.images.length > 0 && (
-
- {campaign.images.map((img, idx) => (
- 
- ))}
- {/* Indicators */}
-
- {campaign.images.map((_, idx) => (
-
+ )}
+
- {/* Video Section if available */}
- {campaign.video && (
+ {/* About Section */}
- Campaign Video
-
-
+ About This Campaign
+
+ {campaign.description}
- )}
-
- {/* Progress Card - Now Light Themed */}
-
-
-
- Total Raised
-
- ${campaign.raisedAmount.toLocaleString()}
- USD
-
- Goal: ${campaign.goalAmount.toLocaleString()}
- Campaign Video
+
+
+
+
+
+ )}
+
-
- {progress.toFixed(1)}%
- {campaign.supporters?.length || 0} Supporters
-
-
-
+ {/* Right Column - Stats & Action */}
+
+ {/* Progress Card - Now Light Themed */}
+
+
+
+ Total Raised
+
+ ${campaign.raisedAmount.toLocaleString()}
+ USD
+
+ Goal: ${campaign.goalAmount.toLocaleString()}
-
-
- Donors
- {campaign.supporters?.length || 0}
+
+
+ {progress.toFixed(1)}%
+ {campaign.supporters?.length || 0} Supporters
+
+
-
- Days Left
- {daysLeft}
+
+
+
+ Donors
+ {campaign.supporters?.length || 0}
+
+
+ Days Left
+ {campaign.isLifetime ? "Lifetime" : daysLeft}
+
-
-
-
+
+
- {/* Meta Info */}
-
-
-
-
-
+ {/* Meta Info */}
+
+
+
+
+
+
+
+ Verified Organizer
+ {campaign.organizer || "TrustBridge Admin"}
+
- Verified Organizer
- {campaign.organizer || "TrustBridge Admin"}
+
+
+
+
+
+
+ Timeline
+
+ {new Date(campaign.startDate).toLocaleDateString()} - {campaign.isLifetime ? "Lifetime" : new Date(campaign.endDate).toLocaleDateString()}
+
+
+
+
+
+ {/* Call to Action Card - Now Light/Blue Themed */}
+
+
+ Make a global impact
+
+ Your contribution can help achieve the goal and change lives. Support this campaign directly on our main platform.
+
+
+
+
+
+ setIsShareModalOpen(false)}
+ title={campaign.title}
+ url={window.location.href}
+ theme="light"
+ />
+
+
+ {/* Header */}
+
+
+
+
+ Support {campaign.title}
+
+
+
-
-
-
+
+ {/* Donation Amount Selection */}
+
+
+
+ {[25, 50, 100, 250, 500, 1000].map((amount) => (
+
+ ))}
-
- Timeline
-
- {new Date(campaign.startDate).toLocaleDateString()} - {new Date(campaign.endDate).toLocaleDateString()}
-
+
+ $
+ setDonationAmount(parseInt(e.target.value) || 0)}
+ className="w-full pl-8 pr-4 py-3 bg-gray-50 border border-gray-100 rounded-xl text-gray-900 focus:outline-none focus:border-primary-500 transition-colors font-bold"
+ placeholder="Custom Amount"
+ />
-
-
- {/* Call to Action Card - Now Light/Blue Themed */}
-
-
- Make a global impact
-
- Your contribution can help achieve the goal and change lives. Support this campaign directly on our main platform.
-
-
-
+
+ {
+ setShowDonationForm(false);
+ fetchCampaign();
+ }}
+ onCancel={() => setShowDonationForm(false)}
+ />
+
+
+
-
-
- setIsShareModalOpen(false)}
- title={campaign.title}
- url={window.location.href}
- theme="light"
- />
-
+ )}
+
);
};
diff --git a/src/pages/dashCamp/DashboardCampaigns.tsx b/src/pages/dashCamp/DashboardCampaigns.tsx
index 12e243422..3708c61b7 100644
--- a/src/pages/dashCamp/DashboardCampaigns.tsx
+++ b/src/pages/dashCamp/DashboardCampaigns.tsx
@@ -4,7 +4,12 @@ import { Button } from "../../components/ui/Button";
import { Card, CardBody } from "../../components/ui/Card";
import axios from "axios";
import toast from "react-hot-toast";
-import { Rocket, Clock, Target, TrendingUp } from "lucide-react";
+import { Rocket, Clock, Target, TrendingUp, X } from "lucide-react";
+import { loadStripe } from "@stripe/stripe-js";
+import { Elements } from "@stripe/react-stripe-js";
+import { StripeDashboardPaymentForm } from "../../components/dashboard/StripeDashboardPaymentForm";
+
+const stripePromise = loadStripe(import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY);
interface CampaignCardProps {
_id: string;
@@ -17,6 +22,7 @@ interface CampaignCardProps {
organizer?: string;
endDate: string;
status: string;
+ isLifetime?: boolean;
supporters?: Array<{
supporterId: string;
amount: number;
@@ -31,25 +37,28 @@ export const DashboardCampaigns: React.FC = () => {
const [filteredCampaigns, setFilteredCampaigns] = useState ([]);
const [loading, setLoading] = useState(true);
const [selectedCategory, setSelectedCategory] = useState("All");
+ const [showDonationForm, setShowDonationForm] = useState(false);
+ const [selectedCampaign, setSelectedCampaign] = useState(null);
+ const [donationAmount, setDonationAmount] = useState(0);
const categories = ["Technology", "Health", "Education", "Environment", "Other"];
- useEffect(() => {
- const fetchCampaigns = async () => {
- try {
- setLoading(true);
- const response = await axios.get(`${URL}/admin/campaigns`);
- const activeCampaigns = response.data.filter((campaign: CampaignCardProps) => campaign.status === "active");
- setCampaigns(activeCampaigns);
- setFilteredCampaigns(activeCampaigns);
- } catch (error) {
- console.error("Failed to fetch campaigns:", error);
- toast.error("Failed to load campaigns");
- } finally {
- setLoading(false);
- }
- };
+ const fetchCampaigns = async () => {
+ try {
+ setLoading(true);
+ const response = await axios.get(`${URL}/admin/campaigns`);
+ const activeCampaigns = response.data.filter((campaign: CampaignCardProps) => campaign.status === "active");
+ setCampaigns(activeCampaigns);
+ setFilteredCampaigns(activeCampaigns);
+ } catch (error) {
+ console.error("Failed to fetch campaigns:", error);
+ toast.error("Failed to load campaigns");
+ } finally {
+ setLoading(false);
+ }
+ };
+ useEffect(() => {
fetchCampaigns();
}, [URL]);
@@ -78,11 +87,12 @@ export const DashboardCampaigns: React.FC = () => {
raisedAmount,
images,
organizer,
- endDate
+ endDate,
+ isLifetime
}) => {
const progress = (raisedAmount / goalAmount) * 100;
const daysLeft = calculateDaysLeft(endDate);
- const displayImage = images && images.length > 0 ? `${URL}${images[0]}` : "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800";
+ const displayImage = images && images.length > 0 ? `${URL}${images[0]} ` : "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800";
return (
@@ -100,7 +110,7 @@ export const DashboardCampaigns: React.FC = () => {
- {daysLeft} days left
+ {isLifetime ? "Lifetime" : `${daysLeft} days left`}
@@ -145,7 +155,11 @@ export const DashboardCampaigns: React.FC = () => {
View Details
| |