Skip to content

Commit 626f8ff

Browse files
dahaldahal
committed
feat: cleanups and update logo
1 parent 83e52fc commit 626f8ff

File tree

9 files changed

+154
-489
lines changed

9 files changed

+154
-489
lines changed

‎package-lock.json

Lines changed: 122 additions & 365 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/favicon.svg

Lines changed: 16 additions & 0 deletions
Loading

‎src/app/layout.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export const metadata: Metadata = {
1515
title: "OpenCap",
1616
description:
1717
"OpenCap is an open source cap table management tool that does not sell your data.",
18-
icons: [{ rel: "icon", url: "/favicon.ico" }],
18+
icons: [{ rel: "icon", url: "/favicon.svg" }],
1919
metadataBase: new URL(constants.url),
2020
};
2121

‎src/assets/logo.png

3.35 KB
Loading

‎src/components/dashboard/navbar/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ interface SideBarProps {
1010

1111
export function NavBar({ publicId, companies }: SideBarProps) {
1212
return (
13-
<div className="sticky top-0 z-50 w-full border-b bg-background">
13+
<div className="sticky top-0 z-50 w-full border-b">
1414
<header className="flex h-14 items-center px-4 lg:px-8">
1515
<div className="flex w-full items-center justify-between ">
1616
<MobileDrawer publicId={publicId} companies={companies} />

‎src/components/dashboard/sidebar/company-switcher.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export function CompanySwitcher({ companies, publicId }: CompanySwitcherProps) {
4343
}
4444
}}
4545
>
46-
<SelectTrigger className="text-md ml-3 h-8 w-[180px] rounded border-none font-semibold">
46+
<SelectTrigger className="text-md ml-3 h-8 w-[180px] rounded border-none bg-transparent font-semibold">
4747
<SelectValue />
4848
</SelectTrigger>
4949
<SelectContent>

‎src/components/dashboard/sidebar/index.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ import {
3232
import { usePathname } from "next/navigation";
3333
import { OpenCapLogo } from "@/components/shared/logo";
3434

35+
import Image from "next/image";
3536
import { NavLink } from "./nav-link";
3637
import { ScrollArea } from "@/components/ui/scroll-area";
3738
import { cn } from "@/lib/utils";
@@ -174,7 +175,7 @@ export function SideBar({ className, publicId, companies }: SideBarProps) {
174175
<ScrollArea className="h-screen px-3">
175176
<div className={cn("pb-12", className)}>
176177
<div className="gap-y-4 py-4">
177-
<div className="flex items-center px-2 py-2 ">
178+
<div className="flex items-center px-2 py-2">
178179
<OpenCapLogo className="h-7 w-auto" />
179180

180181
<CompanySwitcher companies={companies} publicId={publicId} />

‎src/components/navbar.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
"use client";
22

3-
import Link from "next/link";
43
import React from "react";
4+
import Link from "next/link";
55
import { constants } from "@/lib/constants";
66
import { OpenCapLogo } from "./shared/logo";
77
import { RiTwitterFill, RiGithubFill, RiDiscordFill } from "@remixicon/react";
8-
98
import { useSession } from "next-auth/react";
109
import { buttonVariants } from "./ui/button";
1110

‎src/components/shared/logo.tsx

Lines changed: 10 additions & 118 deletions
Original file line numberDiff line numberDiff line change
@@ -1,124 +1,16 @@
11
import React from "react";
2+
import logo from "@/assets/logo.png";
3+
import Image from "next/image";
4+
import { cn } from "@/lib/utils";
25

36
export const OpenCapLogo = ({ className }: { className?: string }) => {
47
return (
5-
<svg
6-
className={className}
7-
viewBox="0 0 360 360"
8-
fill="none"
9-
xmlns="http://www.w3.org/2000/svg"
10-
>
11-
<g clipPath="url(#clip0_668_3741)">
12-
<mask
13-
id="mask0_668_3741"
14-
style={{ maskType: "luminance" }}
15-
maskUnits="userSpaceOnUse"
16-
x="1"
17-
y="0"
18-
width="360"
19-
height="360"
20-
>
21-
<path
22-
d="M113.459 346.783C69.2824 328.9 34.0045 294.222 15.3656 250.359C-3.27324 206.496 -3.75055 157.031 14.0384 112.816C31.8274 68.6015 66.4296 33.2495 110.253 14.5169C154.076 -4.21565 203.54 -4.7987 247.793 12.8957C292.045 30.5901 327.471 65.1167 346.297 108.9C365.123 152.683 365.812 202.146 348.212 246.436C330.613 290.726 296.162 326.226 252.419 345.145C208.677 364.065 159.215 364.86 114.887 347.355"
23-
fill="white"
24-
/>
25-
</mask>
26-
<g mask="url(#mask0_668_3741)">
27-
<path
28-
d="M-48.5223 379.48C-86.8019 335.443 -111.604 281.322 -119.968 223.576C-128.333 165.829 -119.907 106.896 -95.6965 53.8065C-71.4858 0.717274 -32.5124 -44.2856 16.5734 -75.8324C65.6593 -107.379 122.785 -124.138 181.134 -124.109L180.982 179.983L-48.5223 379.48Z"
29-
fill="#2563EB"
30-
/>
31-
</g>
32-
<mask
33-
id="mask1_668_3741"
34-
style={{ maskType: "luminance" }}
35-
maskUnits="userSpaceOnUse"
36-
x="0"
37-
y="0"
38-
width="360"
39-
height="360"
40-
>
41-
<path
42-
d="M112.459 346.783C68.2824 328.9 33.0045 294.222 14.3656 250.359C-4.27324 206.496 -4.75055 157.031 13.0384 112.816C30.8274 68.6015 65.4296 33.2495 109.253 14.5169C153.076 -4.21565 202.54 -4.7987 246.793 12.8957C291.045 30.5901 326.471 65.1167 345.297 108.9C364.123 152.683 364.812 202.146 347.212 246.436C329.613 290.726 295.162 326.226 251.419 345.145C207.677 364.065 158.215 364.86 113.887 347.355"
43-
fill="white"
44-
/>
45-
</mask>
46-
<g mask="url(#mask1_668_3741)">
47-
<path
48-
d="M180.458 -124.108C219.953 -124.047 259.058 -116.292 295.588 -101.277L179.982 179.983L180.458 -124.108Z"
49-
fill="#FB923C"
50-
/>
51-
</g>
52-
<mask
53-
id="mask2_668_3741"
54-
style={{ maskType: "luminance" }}
55-
maskUnits="userSpaceOnUse"
56-
x="0"
57-
y="0"
58-
width="360"
59-
height="360"
60-
>
61-
<path
62-
d="M112.459 346.783C68.2824 328.9 33.0045 294.222 14.3656 250.359C-4.27324 206.496 -4.75055 157.031 13.0384 112.816C30.8274 68.6015 65.4296 33.2495 109.253 14.5169C153.076 -4.21565 202.54 -4.7987 246.793 12.8957C291.045 30.5901 326.471 65.1167 345.297 108.9C364.123 152.683 364.812 202.146 347.212 246.436C329.613 290.726 295.162 326.226 251.419 345.145C207.677 364.065 158.215 364.86 113.887 347.355"
63-
fill="white"
64-
/>
65-
</mask>
66-
<g mask="url(#mask2_668_3741)">
67-
<path
68-
d="M439.629 321.085C420.018 357.837 391.778 389.415 357.242 413.207C322.707 437 282.868 452.324 241.018 457.913L203.691 198.04L439.629 321.085Z"
69-
fill="#16A34A"
70-
/>
71-
</g>
72-
<mask
73-
id="mask3_668_3741"
74-
style={{ maskType: "luminance" }}
75-
maskUnits="userSpaceOnUse"
76-
x="1"
77-
y="0"
78-
width="360"
79-
height="360"
80-
>
81-
<path
82-
d="M113.459 346.783C69.2824 328.9 34.0045 294.222 15.3656 250.359C-3.27324 206.496 -3.75055 157.031 14.0384 112.816C31.8274 68.6015 66.4296 33.2495 110.253 14.5169C154.076 -4.21565 203.54 -4.7987 247.793 12.8957C292.045 30.5901 327.471 65.1167 346.297 108.9C365.123 152.683 365.812 202.146 348.212 246.436C330.613 290.726 296.162 326.226 252.419 345.145C208.677 364.065 159.215 364.86 114.887 347.355"
83-
fill="white"
84-
/>
85-
</mask>
86-
<g mask="url(#mask3_668_3741)">
87-
<path
88-
d="M283.168 466.391C211.197 492.069 132.197 489.71 61.8867 459.783L180.981 179.983L283.168 466.391Z"
89-
fill="#2563EB"
90-
/>
91-
</g>
92-
<mask
93-
id="mask4_668_3741"
94-
style={{ maskType: "luminance" }}
95-
maskUnits="userSpaceOnUse"
96-
x="1"
97-
y="0"
98-
width="360"
99-
height="360"
100-
>
101-
<path
102-
d="M113.459 346.783C69.2824 328.9 34.0045 294.222 15.3656 250.359C-3.27324 206.496 -3.75055 157.031 14.0384 112.816C31.8274 68.6015 66.4296 33.2495 110.253 14.5169C154.076 -4.21565 203.54 -4.7987 247.793 12.8957C292.045 30.5901 327.471 65.1167 346.297 108.9C365.123 152.683 365.812 202.146 348.212 246.436C330.613 290.726 296.162 326.226 252.419 345.145C208.677 364.065 159.215 364.86 114.887 347.355"
103-
fill="white"
104-
/>
105-
</mask>
106-
<g mask="url(#mask4_668_3741)">
107-
<path
108-
d="M66.8766 461.854C19.8924 442.834 -21.5921 412.371 -53.8047 373.236L180.983 179.983L66.8766 461.854Z"
109-
fill="#FACC15"
110-
/>
111-
</g>
112-
<path
113-
d="M280.557 213.151C271.774 239.831 252.754 261.929 227.679 274.587C202.605 287.244 173.53 289.423 146.848 280.646C120.167 271.868 98.0648 252.852 85.4027 227.78C72.7405 202.708 70.5554 173.633 79.3279 146.95C88.1004 120.267 107.112 98.161 132.182 85.494C157.251 72.8269 186.326 70.6362 213.01 79.4035C239.695 88.1709 261.805 107.178 274.477 132.245C287.149 157.313 289.345 186.387 280.583 213.073L179.949 180.031L280.557 213.151Z"
114-
fill="white"
115-
/>
116-
</g>
117-
<defs>
118-
<clipPath id="clip0_668_3741">
119-
<rect width="359.966" height="359.981" fill="white" />
120-
</clipPath>
121-
</defs>
122-
</svg>
8+
<Image
9+
className={cn(className)}
10+
height={100}
11+
width={100}
12+
src={logo}
13+
alt="OpenCap Logo"
14+
/>
12315
);
12416
};

0 commit comments

Comments
 (0)