diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/captable/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/captable/page.tsx index 90246c820..4e75ea48c 100644 --- a/src/app/(authenticated)/(dashboard)/[publicId]/captable/page.tsx +++ b/src/app/(authenticated)/(dashboard)/[publicId]/captable/page.tsx @@ -1,7 +1,7 @@ import EmptyState from "@/components/common/empty-state"; import { Button } from "@/components/ui/button"; import { RiPieChartFill } from "@remixicon/react"; -import { type Metadata } from "next"; +import type { Metadata } from "next"; export const metadata: Metadata = { title: "Cap table", diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/overview/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/overview/page.tsx deleted file mode 100644 index 6e552721a..000000000 --- a/src/app/(authenticated)/(dashboard)/[publicId]/overview/page.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import ActivitiesCard from "@/components/dashboard/overview/activities-card"; -import DonutCard from "@/components/dashboard/overview/donut-card"; -import SummaryTable from "@/components/dashboard/overview/summary-table"; -import OverviewCard from "@/components/dashboard/overview/top-card"; -import type { Metadata } from "next"; - -export const metadata: Metadata = { - title: "Overview", -}; - -const OverviewPage = ({ - params: { publicId }, -}: { - params: { publicId: string }; -}) => { - return ( - <> - {/* */} - -
-

Overview

-

- View your company{`'`}s captable overview -

-
- -
-
- {/* Overview */} -
-
- - - -
-
- - {/* Tremor chart */} -
- -
-
- -
- -
-
- -
-

Summary

-

- Summary of your company{`'`}s captable -

- - -
- - ); -}; - -export default OverviewPage; diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/page.tsx index 4e75ea48c..6e552721a 100644 --- a/src/app/(authenticated)/(dashboard)/[publicId]/page.tsx +++ b/src/app/(authenticated)/(dashboard)/[publicId]/page.tsx @@ -1,22 +1,68 @@ -import EmptyState from "@/components/common/empty-state"; -import { Button } from "@/components/ui/button"; -import { RiPieChartFill } from "@remixicon/react"; +import ActivitiesCard from "@/components/dashboard/overview/activities-card"; +import DonutCard from "@/components/dashboard/overview/donut-card"; +import SummaryTable from "@/components/dashboard/overview/summary-table"; +import OverviewCard from "@/components/dashboard/overview/top-card"; import type { Metadata } from "next"; export const metadata: Metadata = { - title: "Cap table", + title: "Overview", }; -const CaptablePage = () => { +const OverviewPage = ({ + params: { publicId }, +}: { + params: { publicId: string }; +}) => { return ( - } - title="Work in progress." - subtitle="This page is not yet available." - > - - + <> + {/* */} + +
+

Overview

+

+ View your company{`'`}s captable overview +

+
+ +
+
+ {/* Overview */} +
+
+ + + +
+
+ + {/* Tremor chart */} +
+ +
+
+ +
+ +
+
+ +
+

Summary

+

+ Summary of your company{`'`}s captable +

+ + +
+ ); }; -export default CaptablePage; +export default OverviewPage; diff --git a/src/components/dashboard/sidebar/index.tsx b/src/components/dashboard/sidebar/index.tsx index d9ed8c7a0..360d76168 100644 --- a/src/components/dashboard/sidebar/index.tsx +++ b/src/components/dashboard/sidebar/index.tsx @@ -13,8 +13,8 @@ import { RiFolderChartLine, RiGroup2Fill, RiGroup2Line, - // RiHome2Fill, - // RiHome2Line, + RiHome2Fill, + RiHome2Line, RiListCheck3, RiListIndefinite, RiMailSendFill, @@ -41,19 +41,19 @@ import { ScrollArea } from "@/components/ui/scroll-area"; import { cn } from "@/lib/utils"; import { NavLink } from "./nav-link"; -import { type TGetCompanyList } from "@/server/company"; +import type { TGetCompanyList } from "@/server/company"; import { CompanySwitcher } from "./company-switcher"; const navigation = [ - // { - // name: "Overview", - // href: "/", - // icon: RiHome2Line, - // activeIcon: RiHome2Fill, - // }, { - name: "Cap table", + name: "Overview", href: "/", + icon: RiHome2Line, + activeIcon: RiHome2Fill, + }, + { + name: "Cap table", + href: "/captable", icon: RiPieChartLine, activeIcon: RiPieChartFill, }, @@ -220,7 +220,7 @@ export function SideBar({ className, publicId, companies }: SideBarProps) {
-
    +
      {navigation.map((item) => { const href = basePath + item.href; const isActive = @@ -267,12 +267,12 @@ export function SideBar({ className, publicId, companies }: SideBarProps) {
-
    +
      {item.subNav.map((subItem) => { const href = basePath + item.href + subItem.href; const isActive = - (subItem.href != "/" && + (subItem.href !== "/" && currentPath.includes( item.href + subItem.href, )) || @@ -310,7 +310,7 @@ export function SideBar({ className, publicId, companies }: SideBarProps) {
      Company
      -
        +
          {company.map((item) => { const href = basePath + item.href; const isActive =