diff --git a/frontend/components/Icons/DeliverableStatusIcon.jsx b/frontend/components/Icons/DeliverableStatusIcon.jsx new file mode 100644 index 0000000..f2280eb --- /dev/null +++ b/frontend/components/Icons/DeliverableStatusIcon.jsx @@ -0,0 +1,11 @@ +import React from 'react' + +const DeliverableStatusIcon = () => { + return ( +
+ +
+ ) +} + +export default DeliverableStatusIcon diff --git a/frontend/components/Icons/MonthlyEngagementDataIcon.jsx b/frontend/components/Icons/MonthlyEngagementDataIcon.jsx new file mode 100644 index 0000000..1e76fae --- /dev/null +++ b/frontend/components/Icons/MonthlyEngagementDataIcon.jsx @@ -0,0 +1,11 @@ +import React from 'react' + +const MonthlyEngagementDataIcon = () => { + return ( +
+ +
+ ) +} + +export default MonthlyEngagementDataIcon diff --git a/frontend/components/Icons/PlatformDistributionIcon.jsx b/frontend/components/Icons/PlatformDistributionIcon.jsx new file mode 100644 index 0000000..4daaa3a --- /dev/null +++ b/frontend/components/Icons/PlatformDistributionIcon.jsx @@ -0,0 +1,11 @@ +import React from 'react' + +const PlatformDistributionIcon = () => { + return ( +
+ +
+ ) +} + +export default PlatformDistributionIcon diff --git a/frontend/components/Icons/StatusDataIcon.jsx b/frontend/components/Icons/StatusDataIcon.jsx new file mode 100644 index 0000000..22ce59d --- /dev/null +++ b/frontend/components/Icons/StatusDataIcon.jsx @@ -0,0 +1,12 @@ +// components/StatusDataIcon.jsx +import React from 'react'; + +const StatusDataIcon = () => { + return ( +
+ +
+ ); +}; + +export default StatusDataIcon; \ No newline at end of file diff --git a/frontend/components/Icons/WalletIcon.jsx b/frontend/components/Icons/WalletIcon.jsx new file mode 100644 index 0000000..969c788 --- /dev/null +++ b/frontend/components/Icons/WalletIcon.jsx @@ -0,0 +1,14 @@ +import React from 'react' + +const WalletIcon = () => { + return ( +
+ + + + +
+ ) +} + +export default WalletIcon diff --git a/frontend/components/dashboard/CreatorDashboard.tsx b/frontend/components/dashboard/CreatorDashboard.tsx index 1771be3..84f9fbb 100644 --- a/frontend/components/dashboard/CreatorDashboard.tsx +++ b/frontend/components/dashboard/CreatorDashboard.tsx @@ -27,6 +27,11 @@ import { CheckCircle, Clock, } from "lucide-react"; +import StatusDataIcon from '../Icons/StatusDataIcon' +import DeliverableStatusIcon from '../Icons/DeliverableStatusIcon' +import PlatformDistributionIcon from '../Icons/PlatformDistributionIcon' +import WalletIcon from '../Icons/WalletIcon' +import MonthlyEngagementDataIcon from '../Icons/MonthlyEngagementDataIcon' const COLORS = ["#8b5cf6", "#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#06b6d4"]; @@ -209,7 +214,8 @@ export default function CreatorDashboard() {

Campaign Status

- + {statusData.length>0 ? ( + + ):( +
+ +

No campaigns yet

+ +
+ )}
@@ -233,7 +246,8 @@ export default function CreatorDashboard() {

Deliverable Status

- + {deliverableStatusData.length>0 ? ( + + ) : ( +
+ +

No deliverables yet

+ +
+ )}
@@ -260,13 +281,21 @@ export default function CreatorDashboard() {

Platform Distribution

- + {platformData.length>0 ? ( + + ):( +
+ +

No platforms connected yet

+ +
+ )}
@@ -274,7 +303,8 @@ export default function CreatorDashboard() {

Earnings Trend (Last 6 Months)

- + {monthlyEarningsData.filter(month=>month.earnings!==0).length>0 ? ( + @@ -288,6 +318,14 @@ export default function CreatorDashboard() { name="Earnings ($)" /> + ):( +
+ +

No financial activity yet

+ {/* */} +
+ )} +
@@ -298,7 +336,8 @@ export default function CreatorDashboard() {

Engagement Trend (Last 6 Months)

- + {monthlyEngagementData.filter(month=>month.engagement!==0).length>0 ? ( + @@ -312,6 +351,14 @@ export default function CreatorDashboard() { name="Engagement" /> + ) : ( +
+ +

No engagement recorded

+ +
+ )} +