diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index f413ec4..8554238 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -9,7 +9,7 @@ import { } from "@/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Overview } from "@/components/ui/overview"; -import { RecentSales } from "@/components/recent-sales"; +import { RecentFunds } from "@/components/recent-funds"; import { useState } from "react"; export default function Dashboard() { @@ -40,22 +40,14 @@ export default function Dashboard() { Overview - - Analytics - - - Reports - - - Notifications - + Analytics
- Total Revenue + Total Funds Raised - Subscriptions + Profile Views + + + + + + + +
+2350
+

+ +180.1% from last month +

+ +
+ + + + Total Followers - -
+2350
-

- +180.1% from last month -

-
-
- - - Sales - - - - -
+12,234

@@ -128,7 +122,7 @@ export default function Dashboard() {

- + {/* Active Now @@ -152,7 +146,7 @@ export default function Dashboard() { +201 since last hour

-
+
*/}
@@ -162,7 +156,10 @@ export default function Dashboard() { {/* tab to switch between line and bar graph */} - + - Recent Sales + Recent Funds You made 265 sales this month. - +
diff --git a/src/components/recent-funds.tsx b/src/components/recent-funds.tsx new file mode 100644 index 0000000..493e535 --- /dev/null +++ b/src/components/recent-funds.tsx @@ -0,0 +1,59 @@ +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; + +const data = [ + { + name: "Olivia Martin", + email: "olivia.martin@email.com", + amount: "1900.00", + avatar: "/avatars/01.png", // psuedo avatar image + initials: "OM", + }, + { + name: "Jackson Lee", + email: "jackson.lee@email.com", + amount: "39.00", + avatar: "/avatars/02.png", + initials: "JL", + }, + { + name: "Isabella Nguyen", + email: "isabella.nguyen@email.com", + amount: "299.00", + avatar: "/avatars/03.png", + initials: "IN", + }, + { + name: "William Kim", + email: "will@email.com", + amount: "99.00", + avatar: "/avatars/04.png", + initials: "WK", + }, + { + name: "Sofia Davis", + email: "sofia.davis@email.com", + amount: "39.00", + avatar: "/avatars/05.png", + initials: "SD", + }, +]; + +export function RecentFunds() { + return ( +
+ {data.map((person, index) => ( +
+ + + {person.initials} + +
+

{person.name}

+

{person.email}

+
+
+${person.amount}
+
+ ))} +
+ ); +} diff --git a/src/components/recent-sales.tsx b/src/components/recent-sales.tsx deleted file mode 100644 index c144839..0000000 --- a/src/components/recent-sales.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; - -export function RecentSales() { - return ( -
-
- - - OM - -
-

Olivia Martin

-

- olivia.martin@email.com -

-
-
+$1,999.00
-
-
- - - JL - -
-

Jackson Lee

-

jackson.lee@email.com

-
-
+$39.00
-
-
- - - IN - -
-

Isabella Nguyen

-

- isabella.nguyen@email.com -

-
-
+$299.00
-
-
- - - WK - -
-

William Kim

-

will@email.com

-
-
+$99.00
-
-
- - - SD - -
-

Sofia Davis

-

sofia.davis@email.com

-
-
+$39.00
-
-
- ); -}