Add logo (#113)

anti-work · Dec 14, 2024 · 9848af7 · 9848af7
1 parent b777f4d
commit 9848af7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -24,6 +24,7 @@ dist/
 # misc
 .DS_Store
 *.pem
+*.tool-versions
 
 # debug
 npm-debug.log*

diff --git a/app/(dashboard)/layout.tsx b/app/(dashboard)/layout.tsx
@@ -7,9 +7,11 @@ import {
 } from "@clerk/nextjs";
 import Link from "next/link";
 import { Toaster } from "@/components/ui/toaster";
+import { Logo as LogoIcon } from "@/components/logo";
 
 const Logo = () => (
   <span className="ml-2 font-semibold text-gray-900 flex items-center">
+    <LogoIcon className="text-orange-500 mr-2 h-8" />
     <span className="text-2xl transform scale-y-75">S</span>
     <span className="text-xl">hortest</span>
   </span>

diff --git a/components/logo.tsx b/components/logo.tsx
@@ -0,0 +1,6 @@
+export const Logo = ({ className = "", fill = "currentColor" }: { className?: string, fill?: string }) => (
+  <svg viewBox="0 0 500 800" fill="red" xmlns="http://www.w3.org/2000/svg" className={className}>
+    <path d="M0 413V325L500 519V607L0 800V712L402.081 562.974L0 413Z" fill={fill}/>
+    <path d="M500 88L97.9186 237.974L500 387V475L0 282V194L500 0V88Z" fill={fill}/>
+  </svg>
+);
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,7 @@ dist/ @@
     # misc
     .DS_Store
     *.pem
+    *.tool-versions
     # debug
     npm-debug.log*
@@ Expand Down @@