+
+
+
+
+
+ );
+};
diff --git a/src/components/admin/StartupIndustryChart.tsx b/src/components/admin/StartupIndustryChart.tsx
new file mode 100644
index 000000000..fce5b88a2
--- /dev/null
+++ b/src/components/admin/StartupIndustryChart.tsx
@@ -0,0 +1,23 @@
+import {
+ BarChart,
+ Bar,
+ XAxis,
+ YAxis,
+ Tooltip,
+ CartesianGrid,
+ ResponsiveContainer,
+} from "recharts";
+
+export const StartupIndustryChart = ({ data }) => {
+ return (
+
+
+
+ {/* Category */}
+
+ {previewUrls.map((url, idx) => (
+
+ )}
+
+ {/* Submit Button */}
+
{!isCurrentUser && (
= ({ message, isCurrentUser
className="mr-2 self-end"
/>
)}
-
- = ({ conversations }) => {
+export const ChatUserList: React.FC = ({ conversation }) => {
const navigate = useNavigate();
const { userId: activeUserId } = useParams<{ userId: string }>();
const { user: currentUser } = useAuth();
-
+
+ const [chatPartners, setChatPartners] = useState([]);
+
+ useEffect(() => {
+ const fetchParticipants = async () => {
+ if (!conversation?.participants) return;
+
+ const allIds = Array.from(
+ new Set(conversation.participants.flatMap((i) => i.receiverId || ""))
+ );
+ const users = await Promise.all(
+ allIds.map(async (id) => await getUserFromDb(id))
+ );
+
+ // filter nulls (if any user not found)
+ setChatPartners(users.filter(Boolean) as User[]);
+
+ // find the index of active user last message
+ };
+
+ fetchParticipants();
+ }, [conversation, currentUser, activeUserId]);
+
+ if (conversation === null) return;
+
if (!currentUser) return null;
-
+
const handleSelectUser = (userId: string) => {
navigate(`/chat/${userId}`);
};
return (
-
-
-
+
- {recommendedInvestors.map(investor => (
-
);
-};
\ No newline at end of file
+};
diff --git a/src/pages/dashboard/InvestorDashboard.tsx b/src/pages/dashboard/InvestorDashboard.tsx
index b72480abc..8348fe976 100644
--- a/src/pages/dashboard/InvestorDashboard.tsx
+++ b/src/pages/dashboard/InvestorDashboard.tsx
@@ -1,72 +1,101 @@
-import React, { useState } from 'react';
-import { Link } from 'react-router-dom';
-import { Users, PieChart, Filter, Search, PlusCircle } from 'lucide-react';
-import { Button } from '../../components/ui/Button';
-import { Card, CardBody, CardHeader } from '../../components/ui/Card';
-import { Input } from '../../components/ui/Input';
-import { Badge } from '../../components/ui/Badge';
-import { EntrepreneurCard } from '../../components/entrepreneur/EntrepreneurCard';
-import { useAuth } from '../../context/AuthContext';
-import { Entrepreneur } from '../../types';
-import { entrepreneurs } from '../../data/users';
-import { getRequestsFromInvestor } from '../../data/collaborationRequests';
+import React, { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { Users, PieChart, Filter, Search, PlusCircle } from "lucide-react";
+import { Button } from "../../components/ui/Button";
+import { Card, CardBody, CardHeader } from "../../components/ui/Card";
+import { Input } from "../../components/ui/Input";
+import { Badge } from "../../components/ui/Badge";
+import { EntrepreneurCard } from "../../components/entrepreneur/EntrepreneurCard";
+import { useAuth } from "../../context/AuthContext";
+import { getRequestsFromInvestor } from "../../data/collaborationRequests";
+import { getEnterprenuerFromDb } from "../../data/users";
+import { CollaborationRequest, Entrepreneur } from "../../types";
export const InvestorDashboard: React.FC = () => {
const { user } = useAuth();
- const [searchQuery, setSearchQuery] = useState('');
+ const [searchQuery, setSearchQuery] = useState("");
const [selectedIndustries, setSelectedIndustries] = useState
+
+
-
-
- {formatDistanceToNow(new Date(message.timestamp), { addSuffix: true })}
-
+ {message?.time && (
+
+ {formatDistanceToNow(new Date(message.time), { addSuffix: true })}
+
+ )}
-
+
{isCurrentUser && (
= ({ message, isCurrentUser
)}
);
-};
\ No newline at end of file
+};
diff --git a/src/components/chat/ChatUserList.tsx b/src/components/chat/ChatUserList.tsx
index 62a295101..2745b7e3e 100644
--- a/src/components/chat/ChatUserList.tsx
+++ b/src/components/chat/ChatUserList.tsx
@@ -1,87 +1,128 @@
-import React from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
-import { formatDistanceToNow } from 'date-fns';
-import { ChatConversation } from '../../types';
-import { Avatar } from '../ui/Avatar';
-import { Badge } from '../ui/Badge';
-import { findUserById } from '../../data/users';
-import { useAuth } from '../../context/AuthContext';
+import React, { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { formatDistanceToNow } from "date-fns";
+import { ChatConversation, User } from "../../types";
+import { Avatar } from "../ui/Avatar";
+import { Badge } from "../ui/Badge";
+import { useAuth } from "../../context/AuthContext";
+import { getUserFromDb } from "../../data/users";
interface ChatUserListProps {
- conversations: ChatConversation[];
+ conversation: ChatConversation;
}
-export const ChatUserList: React.FC{message.content}
+
=
onStatusUpdate
}) => {
const navigate = useNavigate();
- const investor = findUserById(request.investorId);
+ const [investor, setInvestor] = useState();
+ useEffect(() => {
+ const fetchInvestors = async () => {
+ const investor = await getInvestorById(request.inves_id);
+ setInvestor(investor);
+ };
+ fetchInvestors();
+ }, []);
+
if (!investor) return null;
- const handleAccept = () => {
- updateRequestStatus(request.id, 'accepted');
+const handleAccept = () => {
+ updateRequestStatus(request._id, 'accepted');
if (onStatusUpdate) {
- onStatusUpdate(request.id, 'accepted');
+ onStatusUpdate(request._id, 'accepted');
}
};
const handleReject = () => {
- updateRequestStatus(request.id, 'rejected');
+ updateRequestStatus(request._id, 'rejected');
if (onStatusUpdate) {
- onStatusUpdate(request.id, 'rejected');
+ onStatusUpdate(request._id, 'rejected');
}
};
const handleMessage = () => {
- navigate(`/chat/${investor.id}`);
+ navigate(`/chat/${investor.userId}`);
};
const handleViewProfile = () => {
- navigate(`/profile/investor/${investor.id}`);
+ navigate(`/profile/investor/${investor.userId}`);
};
const getStatusBadge = () => {
- switch (request.status) {
+ switch (request.requestStatus) {
case 'pending':
return Pending ;
case 'accepted':
@@ -75,7 +83,7 @@ export const CollaborationRequestCard: React.FC =
@@ -89,7 +97,7 @@ export const CollaborationRequestCard: React.FC =
- {request.status === 'pending' ? (
+ {request.requestStatus === 'pending' ? (
-
+
-
+
{showActions && (
-
+
-
+
-
);
-};
\ No newline at end of file
+};
diff --git a/src/components/collaboration/CollaborationRequestCard.tsx b/src/components/collaboration/CollaborationRequestCard.tsx
index 192897711..32c0b6176 100644
--- a/src/components/collaboration/CollaborationRequestCard.tsx
+++ b/src/components/collaboration/CollaborationRequestCard.tsx
@@ -1,14 +1,14 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import { Check, X, MessageCircle } from 'lucide-react';
-import { CollaborationRequest } from '../../types';
+import { CollaborationRequest, Investor } from '../../types';
import { Card, CardBody, CardFooter } from '../ui/Card';
import { Avatar } from '../ui/Avatar';
import { Badge } from '../ui/Badge';
import { Button } from '../ui/Button';
-import { findUserById } from '../../data/users';
import { updateRequestStatus } from '../../data/collaborationRequests';
import { formatDistanceToNow } from 'date-fns';
+import { getInvestorById } from '../../data/users';
interface CollaborationRequestCardProps {
request: CollaborationRequest;
@@ -20,34 +20,42 @@ export const CollaborationRequestCard: React.FCMessages
- ++ Messages +
+
- {conversations.length > 0 ? (
- conversations.map(conversation => {
- // Get the other participant (not the current user)
- const otherParticipantId = conversation.participants.find(id => id !== currentUser.id);
- if (!otherParticipantId) return null;
-
- const otherUser = findUserById(otherParticipantId);
- if (!otherUser) return null;
-
- const lastMessage = conversation.lastMessage;
- const isActive = activeUserId === otherParticipantId;
-
+ {chatPartners.length > 0 ? (
+ chatPartners.map((user) => {
+ const isActive = user._id === activeUserId; // highlight current open chat
+ let lastMessage;
+ const lastMessageIndex = conversation.participants.findIndex(
+ (part) => {
+ return part.receiverId === user._id;
+ }
+ );
+ if (lastMessageIndex === -1) {
+ return;
+ } else {
+ lastMessage = {
+ ...conversation.participants[lastMessageIndex].lastMessage,
+ };
+ }
+
return (
= ({ conversations }) =>
handleSelectUser(otherUser.id)}
+ onClick={() => handleSelectUser(user._id)}
>
@@ -96,4 +137,4 @@ export const ChatUserList: React.FC- {otherUser.name} + {user.name.slice(0, 5)} + {"..."}
- - {lastMessage && ( - - {formatDistanceToNow(new Date(lastMessage.timestamp), { addSuffix: false })} - - )} + + {Object.keys(lastMessage).length !== 0 && + lastMessage?.time && ( + + {formatDistanceToNow(new Date(lastMessage.time), { + addSuffix: false, + })} + + )}
{lastMessage && (
New
- )}
+
+ {lastMessage &&
+ !lastMessage.isRead &&
+ lastMessage.senderId !== currentUser.userId && (
+
+ New
+
+ )}
- {lastMessage.senderId === currentUser.id ? 'You: ' : ''} + {lastMessage.senderId === currentUser.userId + ? "You: " + : ""} {lastMessage.content}
)} - - {lastMessage && !lastMessage.isRead && lastMessage.senderId !== currentUser.id && ( -{investor.name}
- {formatDistanceToNow(new Date(request.createdAt), { addSuffix: true })} + {formatDistanceToNow(new Date(request.time), { addSuffix: true })}
-
+
}
onClick={handleViewProfile}
>
@@ -96,4 +127,4 @@ export const EntrepreneurCard: React.FC = ({
)}
);
-};
\ No newline at end of file
+};
diff --git a/src/components/home/Navbar.tsx b/src/components/home/Navbar.tsx
new file mode 100644
index 000000000..750108f67
--- /dev/null
+++ b/src/components/home/Navbar.tsx
@@ -0,0 +1,138 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+
+interface Campaign {
+ _id: string;
+ title: string;
+ description: string;
+ goalAmount: number;
+ raisedAmount: number;
+ status: string;
+ category: string;
+ startDate: string;
+ endDate: string;
+ createdAt: string;
+ images?: string[];
+}
+
+export const Navbar: React.FC = () => {
+ const [recentCampaigns, setRecentCampaigns] = useState([]);
+
+ useEffect(() => {
+ const fetchRecentCampaigns = async () => {
+ try {
+ const res = await axios.get("http://localhost:5000/admin/campaigns");
+ const recent = res.data
+ .filter((c: Campaign) => c.status === "active")
+ .sort(
+ (a: Campaign, b: Campaign) =>
+ new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+ )
+ .slice(0, 3);
+ setRecentCampaigns(recent);
+ } catch (err) {
+ console.error("Failed to fetch campaigns", err);
+ }
+ };
+ fetchRecentCampaigns();
+ }, []);
+
+ const navList = ["Get started", "Campaigns", "FundRaise"];
+
+ const ListItem = ({ data }: { data: string }) => (
+
+ {data}
+
+ );
+
+ return (
+ = ({
investor,
- showActions = true
+ showActions = true,
}) => {
const navigate = useNavigate();
-
+
const handleViewProfile = () => {
- navigate(`/profile/investor/${investor.id}`);
+ navigate(`/profile/investor/${investor.userId}`);
};
-
+
const handleMessage = (e: React.MouseEvent) => {
e.stopPropagation(); // Prevent card click
- navigate(`/chat/${investor.id}`);
+ navigate(`/chat/${investor.userId}`);
};
-
+
return (
-
@@ -39,43 +39,57 @@ export const InvestorCard: React.FC = ({
src={investor.avatarUrl}
alt={investor.name}
size="lg"
- status={investor.isOnline ? 'online' : 'offline'}
+ status={investor.isOnline ? "online" : "offline"}
className="mr-4"
/>
-
+
-
+
+ {/* Navbar */}
+
+ );
+};
diff --git a/src/components/investor/InvestorCard.tsx b/src/components/investor/InvestorCard.tsx
index ca383f6a0..fa81f4277 100644
--- a/src/components/investor/InvestorCard.tsx
+++ b/src/components/investor/InvestorCard.tsx
@@ -1,11 +1,11 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import { MessageCircle, ExternalLink } from 'lucide-react';
-import { Investor } from '../../types';
-import { Card, CardBody, CardFooter } from '../ui/Card';
-import { Avatar } from '../ui/Avatar';
-import { Badge } from '../ui/Badge';
-import { Button } from '../ui/Button';
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import { MessageCircle, ExternalLink } from "lucide-react";
+import { Investor } from "../../types";
+import { Card, CardBody, CardFooter } from "../ui/Card";
+import { Avatar } from "../ui/Avatar";
+import { Badge } from "../ui/Badge";
+import { Button } from "../ui/Button";
interface InvestorCardProps {
investor: Investor;
@@ -14,22 +14,22 @@ interface InvestorCardProps {
export const InvestorCard: React.FC
+
+
+ {recentCampaigns.length > 0 && (
+
+
+
+
+
+ Trust Bridge AI
+
+
+ -
+ {navList.map((item, idx) => (
+
+
+)}
+
+
+ + Recent Active Campaigns +
+ + + +
+ {recentCampaigns.map((c) => (
+
+
+ {c.images?.[0] && (
+ 
+ )}
+
+
+ ))}
+ + Title :{c.title} +
+ ++ Description: {c.description} +
+ ++ Goal Amount: ${c.goalAmount}k +
+ + +
-
{investor.name}
-Investor • {investor.totalInvestments} investments
- ++ {investor.name} +
++ Investor • {investor.totalInvestments || "0"} investments +
+
- {investor.investmentStage.map((stage, index) => (
- {stage}
- ))}
+ {investor.investmentStage &&
+ investor.investmentStage.map((stage, index) => (
+
+ {stage}
+
+ ))}
-
-
+
Investment Interests
++ Investment Interests +
- {investor.investmentInterests.map((interest, index) => (
- {interest}
- ))}
+ {investor.investmentInterests &&
+ investor.investmentInterests.map((interest, index) => (
+
+ {interest}
+
+ ))}
{investor.bio}
Investment Range
-
{investor.minimumInvestment} - {investor.maximumInvestment}
++ {investor.minimumInvestment} - {investor.maximumInvestment} +
{/* Collaboration requests */}
- {pendingRequests.length} pending
-
+
{collaborationRequests.length > 0 ? (
)}
-
+
{/* Recommended investors */}
Collaboration Requests
++ Collaboration Requests +
- {collaborationRequests.map(request => (
+ {collaborationRequests.map((request) => (
No collaboration requests yet
-When investors are interested in your startup, their requests will appear here
++ When investors are interested in your startup, their + requests will appear here +
Recommended Investors
- ++ Recommended Investors +
+ View all
+
+ ))
+ ) : (
+ No investors found
+ )}
-
-
+
- }
- >
- View All Startups
-
+ }>View All Startups
Discover Startups
-Find and connect with promising entrepreneurs
++ Discover Startups +
++ Find and connect with promising entrepreneurs +
@@ -78,17 +107,21 @@ export const InvestorDashboard: React.FC = () => {
startAdornment={
-
+
- {industries.map(industry => (
+ {industries.map((industry) => (
toggleIndustry(industry)}
>
@@ -99,7 +132,7 @@ export const InvestorDashboard: React.FC = () => {
-
Total Startups
-{entrepreneurs.length}
++ Total Startups +
++ {entrepreneurs && entrepreneurs.length} +
@@ -123,13 +160,17 @@ export const InvestorDashboard: React.FC = () => {
-
Industries
-{industries.length}
++ Industries +
++ {industries.length} +
@@ -137,41 +178,48 @@ export const InvestorDashboard: React.FC = () => {
-
Your Connections
++ Your Connections +
- {sentRequests.filter(req => req.status === 'accepted').length} + {sentRequests && + sentRequests.filter( + (req) => req.requestStatus === "accepted" + ).length}
Featured Startups
++ Featured Startups +
- {filteredEntrepreneurs.map(entrepreneur => (
-
) : (
+
+ ))}
No startups match your filters
-Investment Deals
-Track and manage your investment pipeline
++ Track and manage your investment pipeline +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ {/* Add Deal Form */}
+ {showForm && (
-
-
+
+
+ setNewDeal({ ...newDeal, name: e.target.value })}
+ />
+ setNewDeal({ ...newDeal, logo: e.target.value })}
+ />
+
+ setNewDeal({ ...newDeal, industry: e.target.value })
+ }
+ />
+
+ setNewDeal({ ...newDeal, amount: e.target.value })
+ }
+ />
+
+ setNewDeal({ ...newDeal, equity: e.target.value })
+ }
+ />
+ setNewDeal({ ...newDeal, stage: e.target.value })}
+ />
+
+
+
-
-
+ )}
+
{/* Filters */}
-
-
-
-
-
- Total Investment
-$4.3M
-
-
-
-
-
-
- Active Deals
-8
-
-
-
-
-
-
- Portfolio Companies
-12
-
-
+
-
-
-
- Closed This Month
-2
-New Deal
+
@@ -162,15 +192,19 @@ export const DealsPage: React.FC = () => {
fullWidth
/>
-
+
- {statuses.map(status => (
+ {statuses.map((status) => (
toggleStatus(status)}
>
@@ -181,92 +215,96 @@ export const DealsPage: React.FC = () => {
Active Deals
-
-
-
+
+ )}
| - Startup - | -- Amount - | -- Equity - | -- Status - | -- Stage - | -- Last Activity - | -- Actions - | -||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
-
-
-
- {deal.startup.name}
-
-
- {deal.startup.industry}
+ {filteredDeals.length === 0 ? (
+ No deals found. + ) : ( +
+
+
|
+
+ {deal.amount}
+ |
+
+ {deal.equity}
+ |
+
+ |
+
+ {deal.stage}
+ |
+
+
+ {new Date(deal.lastActivity).toLocaleDateString()}
+
+ |
+ + + | +
@@ -47,12 +39,20 @@ export const DocumentsPage: React.FC = () => {
-
- }>
- Upload Document
-
+
+
Documents
Manage your startup's important files
{/* Storage info */}
@@ -66,39 +66,26 @@ export const DocumentsPage: React.FC = () => {
12.5 GB
-
+
Available
7.5 GB
-
-
+
{/* Document list */}
Quick Access
-
-
-
-
-
-
-