-
setIsMenuOpen(false)}
>
-
+
-
setIsMenuOpen(false)}
>
@@ -197,4 +202,4 @@ export const Navbar: React.FC = () => {
)}
);
-};
\ No newline at end of file
+};
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 842c11da0..fd0e810c8 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -3,7 +3,7 @@ import { NavLink } from 'react-router-dom';
import { useAuth } from '../../context/AuthContext';
import {
Home, Building2, CircleDollarSign, Users, MessageCircle,
- Bell, FileText, Settings, HelpCircle
+ Bell, FileText, Settings, HelpCircle, AlertTriangle, Rocket
} from 'lucide-react';
interface SidebarItemProps {
@@ -35,33 +35,54 @@ export const Sidebar: React.FC = () => {
if (!user) return null;
- // Define sidebar items based on user role
+ // Entrepreneur Sidebar
const entrepreneurItems = [
{ to: '/dashboard/entrepreneur', icon:
, text: 'Dashboard' },
- { to: '/profile/entrepreneur/' + user.id, icon:
, text: 'My Startup' },
+ { to: '/profile/entrepreneur/' + user.userId, icon:
, text: 'My Startup' },
{ to: '/investors', icon:
, text: 'Find Investors' },
{ to: '/messages', icon:
, text: 'Messages' },
{ to: '/notifications', icon:
, text: 'Notifications' },
{ to: '/documents', icon:
, text: 'Documents' },
];
+ // Investor Sidebar
const investorItems = [
{ to: '/dashboard/investor', icon:
, text: 'Dashboard' },
- { to: '/profile/investor/' + user.id, icon:
, text: 'My Portfolio' },
+ { to: '/profile/investor/' + user.userId, icon:
, text: 'My Portfolio' },
{ to: '/entrepreneurs', icon:
, text: 'Find Startups' },
{ to: '/messages', icon:
, text: 'Messages' },
{ to: '/notifications', icon:
, text: 'Notifications' },
{ to: '/deals', icon:
, text: 'Deals' },
];
-
- const sidebarItems = user.role === 'entrepreneur' ? entrepreneurItems : investorItems;
-
- // Common items at the bottom
+
+ // Admin Sidebar
+ const adminItems = [
+ { to: '/dashboard/admin', icon:
, text: 'Dashboard Overview' },
+
+ { to: '/admin/entrepreneur', icon:
, text: 'Manage entrepreneur' },
+ { to: '/admin/investors', icon:
, text: 'Manage Investors' },
+ { to: '/admin/supporters', icon:
, text: 'Manage Supporters' },
+
+ { to: '/admin/campaigns', icon:
, text: 'Active Campaigns' },
+
+ { to: '/admin/fraud/accounts', icon:
, text: 'Flagged Accounts' },
+ ];
+
const commonItems = [
{ to: '/settings', icon:
, text: 'Settings' },
{ to: '/help', icon:
, text: 'Help & Support' },
];
+ // Role-based sidebar items
+ const sidebarItems =
+ user.role === 'entrepreneur'
+ ? entrepreneurItems
+ : user.role === 'investor'
+ ? investorItems
+ : user.role === 'admin'
+ ? adminItems
+ : [];
+
return (
@@ -109,4 +130,4 @@ export const Sidebar: React.FC = () => {
);
-};
\ No newline at end of file
+};
diff --git a/src/components/settings/EntrepreneurSettings.tsx b/src/components/settings/EntrepreneurSettings.tsx
new file mode 100644
index 000000000..8c8115824
--- /dev/null
+++ b/src/components/settings/EntrepreneurSettings.tsx
@@ -0,0 +1,174 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { Input } from "../../components/ui/Input";
+import { Button } from "../../components/ui/Button";
+import { getEnterpreneurById, updateEntrepreneurData } from "../../data/users";
+import { Entrepreneur } from "../../types";
+import { useAuth } from "../../context/AuthContext";
+
+export const EntrepreneurSettings: React.FC = () => {
+ const { user } = useAuth();
+ const [entrepreneur, setEnterpreneur] = useState
();
+
+ useEffect(() => {
+ const fetchEntrepreneur = async () => {
+ const entrepreneur = await getEnterpreneurById(user?.userId);
+ setEnterpreneur(entrepreneur);
+ };
+ fetchEntrepreneur();
+ }, [user]);
+
+ const initialData = useMemo(
+ () => ({
+ userId: entrepreneur?.userId,
+ startupName: entrepreneur?.startupName,
+ pitchSummary: entrepreneur?.pitchSummary,
+ fundingNeeded: entrepreneur?.fundingNeeded,
+ industry: entrepreneur?.industry,
+ foundedYear: entrepreneur?.foundedYear,
+ teamSize: entrepreneur?.teamSize,
+ revenue: entrepreneur?.revenue,
+ profitMargin: entrepreneur?.profitMargin,
+ growthRate: entrepreneur?.growthRate,
+ marketOpportunity: entrepreneur?.marketOpportunity,
+ advantage: entrepreneur?.advantage,
+ }),
+ [entrepreneur]
+ );
+
+ // formData can be a partial Entrepreneur while editing
+ const [formData, setFormData] = useState>(
+ initialData || {}
+ );
+
+ useEffect(() => {
+ setFormData(initialData || {});
+ }, [initialData]);
+
+ const handleUserChange = (e: React.ChangeEvent) => {
+ const { name, value } = e.target;
+ setFormData(
+ (prev) => ({ ...(prev || {}), [name]: value } as Partial)
+ );
+ };
+
+ const handleUserSubmit = async (e: React.MouseEvent) => {
+ e.preventDefault();
+ await updateEntrepreneurData(formData);
+
+ const fd = formData || {};
+ const {
+ startupName,
+ pitchSummary,
+ fundingNeeded,
+ industry,
+ foundedYear,
+ teamSize,
+ marketOpportunity,
+ advantage,
+ revenue,
+ profitMargin,
+ growthRate,
+ } = fd as Partial;
+
+ // Ensure userId is a string when updating entrepreneur state
+ setEnterpreneur({
+ startupName,
+ pitchSummary,
+ fundingNeeded,
+ industry,
+ foundedYear,
+ teamSize,
+ marketOpportunity,
+ advantage,
+ revenue,
+ profitMargin,
+ growthRate,
+ } as Entrepreneur);
+
+ setFormData(initialData || {});
+ };
+
+ return (
+
+ );
+};
diff --git a/src/components/settings/InvestorSettings.tsx b/src/components/settings/InvestorSettings.tsx
new file mode 100644
index 000000000..f5b0abae9
--- /dev/null
+++ b/src/components/settings/InvestorSettings.tsx
@@ -0,0 +1,296 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { useAuth } from "../../context/AuthContext";
+import { Investor } from "../../types";
+import { getInvestorById, updateInvestorData } from "../../data/users";
+import { Button } from "../ui/Button";
+import { Input } from "../ui/Input";
+import { Eraser } from "lucide-react";
+
+export const InvestorSettings: React.FC = () => {
+ const { user } = useAuth();
+
+ const [investor, setInvestor] = useState();
+ const initialInvestorData = useMemo(
+ () => ({
+ userId: investor?.userId,
+ investmentInterests: investor?.investmentInterests || [],
+ investmentStage: investor?.investmentStage || [],
+ minimumInvestment: investor?.minimumInvestment,
+ totalInvestments: investor?.totalInvestments,
+ maximumInvestment: investor?.maximumInvestment,
+ investmentCriteria: investor?.investmentCriteria || [],
+ successfullExits: investor?.successfullExits,
+ minTimline: investor?.minTimline,
+ maxTimline: investor?.maxTimline,
+ interest: "",
+ criteria: "",
+ }),
+ [investor]
+ );
+
+ const [investorFormData, setInvestorFormData] = useState(initialInvestorData);
+ // Fetch investor data
+ useEffect(() => {
+ const fetchInvestors = async () => {
+ const investor = await getInvestorById(user?.userId);
+ setInvestor(investor);
+ };
+ fetchInvestors();
+ }, [user]);
+
+ useEffect(() => {
+ setInvestorFormData(initialInvestorData);
+ }, [initialInvestorData]);
+
+ const handleInvestorChange = (e) => {
+ const { checked, name, value } = e.target;
+ if (name === "investmentStage") {
+ setInvestorFormData((prev) => {
+ const current = prev.investmentStage;
+
+ if (checked) {
+ return { ...prev, investmentStage: [...current, value] };
+ } else {
+ return {
+ ...prev,
+ investmentStage: current.filter((item) => item !== value),
+ };
+ }
+ });
+ } else {
+ setInvestorFormData({ ...investorFormData, [name]: value });
+ }
+ };
+ const handleInvestorSubmit = async (e) => {
+ e.preventDefault();
+ if (
+ investorFormData.maximumInvestment === "" ||
+ investorFormData.minimumInvestment === "" ||
+ investorFormData.investmentInterests?.length === 0 ||
+ investorFormData.investmentStage?.length === 0
+ ) {
+ alert("Please input the rquired data...");
+ return;
+ }
+ updateInvestorData(investorFormData);
+ const {
+ investmentInterests,
+ investmentStage,
+ minimumInvestment,
+ maximumInvestment,
+ investmentCriteria,
+ successfullExits,
+ minTimline,
+ maxTimline,
+ } = investorFormData;
+ setInvestor({
+ ...investor,
+ investmentInterests,
+ investmentStage,
+ minimumInvestment,
+ maximumInvestment,
+ investmentCriteria,
+ successfullExits,
+ minTimline,
+ maxTimline,
+ } as Investor);
+ setInvestorFormData(initialInvestorData);
+ };
+
+ const handleInterests = (e) => {
+ e.preventDefault();
+ const updatedInterests = [
+ ...investorFormData.investmentInterests,
+ investorFormData.interest,
+ ];
+ setInvestorFormData({
+ ...investorFormData,
+ investmentInterests: updatedInterests,
+ interest: "",
+ });
+ };
+
+ const handleCriteria = (e) => {
+ e.preventDefault();
+ const updateCriteria = [
+ ...investorFormData.investmentCriteria,
+ investorFormData.criteria,
+ ];
+ setInvestorFormData({
+ ...investorFormData,
+ investmentCriteria: updateCriteria,
+ criteria: "",
+ });
+ };
+ return (
+
+ );
+};
diff --git a/src/components/ui/Avatar.tsx b/src/components/ui/Avatar.tsx
index fb0ab2ec7..482910188 100644
--- a/src/components/ui/Avatar.tsx
+++ b/src/components/ui/Avatar.tsx
@@ -1,45 +1,43 @@
-import React from 'react';
+import React from "react";
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
interface AvatarProps {
- src: string;
- alt: string;
+ src: string | File | null;
+ alt: string | undefined;
size?: AvatarSize;
className?: string;
- status?: 'online' | 'offline' | 'away' | 'busy';
+ status?: "online" | "offline";
}
export const Avatar: React.FC = ({
src,
alt,
- size = 'md',
- className = '',
+ size = "md",
+ className = "",
status,
}) => {
const sizeClasses = {
- xs: 'h-6 w-6',
- sm: 'h-8 w-8',
- md: 'h-10 w-10',
- lg: 'h-12 w-12',
- xl: 'h-16 w-16',
+ xs: "h-6 w-6",
+ sm: "h-8 w-8",
+ md: "h-10 w-10",
+ lg: "h-12 w-12",
+ xl: "h-16 w-16",
};
-
+
const statusColors = {
- online: 'bg-success-500',
- offline: 'bg-gray-400',
- away: 'bg-warning-500',
- busy: 'bg-error-500',
+ online: "bg-success-500",
+ offline: "bg-gray-400",
};
-
+
const statusSizes = {
- xs: 'h-1.5 w-1.5',
- sm: 'h-2 w-2',
- md: 'h-2.5 w-2.5',
- lg: 'h-3 w-3',
- xl: 'h-4 w-4',
+ xs: "h-1.5 w-1.5",
+ sm: "h-2 w-2",
+ md: "h-2.5 w-2.5",
+ lg: "h-3 w-3",
+ xl: "h-4 w-4",
};
-
+
return (
![]()
= ({
// Fallback to initials if image fails to load
const target = e.target as HTMLImageElement;
target.onerror = null;
- target.src = `https://ui-avatars.com/api/?name=${encodeURIComponent(alt)}&background=random`;
+ target.src = `https://ui-avatars.com/api/?name=${encodeURIComponent(
+ alt
+ )}&background=random`;
}}
/>
-
+
{status && (
-
)}
);
-};
\ No newline at end of file
+};
diff --git a/src/components/ui/Badge.tsx b/src/components/ui/Badge.tsx
index 8c84dc3ed..6fd01081b 100644
--- a/src/components/ui/Badge.tsx
+++ b/src/components/ui/Badge.tsx
@@ -9,6 +9,7 @@ interface BadgeProps {
size?: BadgeSize;
rounded?: boolean;
className?: string;
+ onClick?:EventListener;
}
export const Badge: React.FC = ({
@@ -17,6 +18,7 @@ export const Badge: React.FC = ({
size = 'md',
rounded = false,
className = '',
+ onClick,
}) => {
const variantClasses = {
primary: 'bg-primary-100 text-primary-800',
@@ -39,6 +41,7 @@ export const Badge: React.FC = ({
return (
{children}
diff --git a/src/components/ui/Card.tsx b/src/components/ui/Card.tsx
index 418ba0756..469cf7490 100644
--- a/src/components/ui/Card.tsx
+++ b/src/components/ui/Card.tsx
@@ -5,6 +5,7 @@ interface CardProps {
className?: string;
onClick?: () => void;
hoverable?: boolean;
+ setBanner?:boolean;
}
export const Card: React.FC = ({
@@ -12,6 +13,7 @@ export const Card: React.FC = ({
className = '',
onClick,
hoverable = false,
+ setBanner = false
}) => {
const hoverableClass = hoverable ? 'transform hover:-translate-y-1 transition-transform duration-300 cursor-pointer' : '';
const clickableClass = onClick ? 'cursor-pointer' : '';
@@ -21,6 +23,9 @@ export const Card: React.FC = ({
className={`bg-white rounded-lg shadow-md overflow-hidden ${hoverableClass} ${clickableClass} ${className}`}
onClick={onClick}
>
+
+
Entrepreneur not set his profile yet..
+