Skip to content

Commit 57bc043

Browse files
authored
feat: creating overview page to show the captable summary (#81)
* feat: renaming onboarded to dashboard, and setting up overview page * chore: somemore minor cleanups * feat: changes in icons and their active states * chore: minor update
1 parent f22f1c7 commit 57bc043

File tree

24 files changed

+123
-146
lines changed

24 files changed

+123
-146
lines changed
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { Button } from "@/components/ui/button";
2+
import EmptyState from "@/components/shared/empty-state";
3+
import { RiPieChartFill } from "@remixicon/react";
4+
5+
const CaptablePage = () => {
6+
return (
7+
<EmptyState
8+
icon={<RiPieChartFill />}
9+
title="Work in progress."
10+
subtitle="This page is not yet available."
11+
>
12+
<Button size="lg">Import existing captable</Button>
13+
</EmptyState>
14+
);
15+
};
16+
17+
export default CaptablePage;
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
"use client";
2+
3+
import Link from "next/link";
4+
import { useParams } from "next/navigation";
5+
import { useSession } from "next-auth/react";
6+
import { Button } from "@/components/ui/button";
7+
import EmptyState from "@/components/shared/empty-state";
8+
import { RiPieChartFill, RiArrowRightLine } from "@remixicon/react";
9+
10+
const OverviewPage = () => {
11+
const params = useParams<{ publicId: string }>();
12+
const { data } = useSession();
13+
const firstName = data?.user.name?.split(" ")[0];
14+
const companyPublicId = params.publicId;
15+
16+
return (
17+
<>
18+
<EmptyState
19+
icon={<RiPieChartFill />}
20+
title={`Welcome to OpenCap${firstName && `, ${firstName}`} 👋`}
21+
subtitle={
22+
<span className="text-muted-foreground">
23+
We will get you setup with your Captable in no time.
24+
</span>
25+
}
26+
>
27+
<Button size="lg">
28+
<Link href={`/${companyPublicId}/stakeholders`}>
29+
Let{`'`}s get started
30+
<RiArrowRightLine className="ml-5 inline-block h-4 w-5" />
31+
</Link>
32+
</Button>
33+
</EmptyState>
34+
</>
35+
);
36+
};
37+
38+
export default OverviewPage;

0 commit comments

Comments
 (0)