Skip to content

Commit 31202d4

Browse files
incognitotgtincognitotgt
committed
feat: good icon
1 parent 220134f commit 31202d4

File tree

4 files changed

+41
-8
lines changed

4 files changed

+41
-8
lines changed

‎apps/web/src/app/auth/layout.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1+
import { StardustIcon } from "@/components/icons";
12
import ModeToggle from "@/components/mode-toggle";
23
import { Card, CardTitle } from "@/components/ui/card";
3-
import { Sparkles } from "lucide-react";
44

55
export default function LoginLayout({ children }: Readonly<{ children: React.ReactNode }>) {
66
return (
77
<main className="flex min-h-screen items-center justify-center">
88
<Card className="mx-auto flex h-auto w-96 flex-col items-center justify-center bg-card py-12">
99
<CardTitle className="mb-4 flex items-center justify-center text-left text-2xl font-bold">
10-
<Sparkles />
10+
<StardustIcon className="size-6 rounded-[5px]" />
1111
<span className="ml-2 text-2xl font-bold">Stardust</span>
1212
</CardTitle>
1313
{children}

‎apps/web/src/app/view/error.tsx‎

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

3+
import { StardustIcon } from "@/components/icons";
34
import { Button } from "@/components/ui/button";
4-
import { Sparkles } from "lucide-react";
55
export default function ErrorPage({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
66
return (
77
<div className="flex h-screen flex-col items-center justify-center">
88
<div className="flex h-[32rem] w-96 flex-col items-center justify-center gap-4">
99
<div className="mb-4 flex items-center justify-center text-left text-2xl font-bold">
10-
<Sparkles />
10+
<StardustIcon className="size-8 rounded-[5px]" />
1111
<span className="ml-2 text-2xl font-bold">Stardust</span>
1212
</div>
1313
<p className="text-center text-4xl font-bold text-primary">Session Error</p>

‎apps/web/src/components/icons.tsx‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { cn } from "@/lib/utils";
12
import type { SVGProps } from "react";
23
type Props = SVGProps<SVGSVGElement>;
34
export const GitHubIcon = (props: Props) => (
@@ -6,3 +7,35 @@ export const GitHubIcon = (props: Props) => (
67
<path d="M5.884 18.653c-.3-.2-.558-.455-.86-.816a50.59 50.59 0 0 1-.466-.579c-.463-.575-.755-.841-1.056-.95a1 1 0 1 1 .675-1.882c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.588.196 1.15.14.024-.382.094-.753.202-1.095-2.968-.726-4.648-2.64-4.648-6.396 0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.124 1.937.17 3.415 1.096a11.73 11.73 0 0 1 2.687-.308c.912 0 1.819.104 2.684.308 1.477-.933 2.614-1.227 3.422-1.096.085.013.158.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.296.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.878.19 1.38 0 .665-.002 1.299-.007 2.01 0 .19-.002.394-.005.706a1 1 0 0 1-.018 1.958c-1.14.227-1.984-.532-1.984-1.525l.002-.447.005-.705c.005-.707.008-1.337.008-1.997 0-.697-.184-1.152-.426-1.361-.661-.57-.326-1.654.541-1.751 2.966-.333 4.336-1.482 4.336-4.66 0-.955-.312-1.744-.913-2.404A1 1 0 0 1 17.2 6.19c.166-.414.236-.957.095-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135 9.626 9.626 0 0 0-2.592-.349c-.89 0-1.772.118-2.592.35a1 1 0 0 1-.829-.134c-.753-.507-1.374-.807-1.87-.947-.143.653-.072 1.194.093 1.607a1 1 0 0 1-.189 1.045c-.597.655-.913 1.458-.913 2.404 0 3.172 1.371 4.328 4.322 4.66.865.097 1.202 1.177.545 1.748-.193.168-.43.732-.43 1.364v3.15c0 .985-.834 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.661-.088-2.254-.485Z" />
78
</svg>
89
);
10+
export const StardustIcon = ({ className, ...props }: Props) => (
11+
<svg
12+
width="50"
13+
height="50"
14+
viewBox="0 0 50 50"
15+
fill="none"
16+
xmlns="http://www.w3.org/2000/svg"
17+
className={cn("rounded-[10px]", className)}
18+
{...props}
19+
>
20+
<title>Stardust</title>
21+
<rect width="50" height="50" fill="url(#paint0_linear_1_39)" />
22+
<path
23+
d="M21.9055 30.25C21.7716 29.7309 21.501 29.2572 21.1219 28.8781C20.7428 28.499 20.2691 28.2284 19.75 28.0945L10.5475 25.7215C10.3905 25.6769 10.2523 25.5824 10.1539 25.4522C10.0555 25.322 10.0023 25.1632 10.0023 25C10.0023 24.8368 10.0555 24.678 10.1539 24.5478C10.2523 24.4176 10.3905 24.3231 10.5475 24.2785L19.75 21.904C20.2689 21.7702 20.7425 21.4999 21.1216 21.1211C21.5007 20.7423 21.7713 20.2688 21.9055 19.75L24.2785 10.5475C24.3226 10.3899 24.4171 10.251 24.5475 10.1521C24.6779 10.0532 24.8371 9.99963 25.0007 9.99963C25.1644 9.99963 25.3236 10.0532 25.454 10.1521C25.5844 10.251 25.6789 10.3899 25.723 10.5475L28.0945 19.75C28.2284 20.2691 28.499 20.7428 28.8781 21.1219C29.2572 21.501 29.7309 21.7716 30.25 21.9055L39.4525 24.277C39.6107 24.3206 39.7503 24.415 39.8498 24.5456C39.9492 24.6762 40.0031 24.8358 40.0031 25C40.0031 25.1642 39.9492 25.3238 39.8498 25.4544C39.7503 25.585 39.6107 25.6794 39.4525 25.723L30.25 28.0945C29.7309 28.2284 29.2572 28.499 28.8781 28.8781C28.499 29.2572 28.2284 29.7309 28.0945 30.25L25.7215 39.4525C25.6774 39.6101 25.5829 39.749 25.4525 39.8479C25.3221 39.9468 25.1629 40.0004 24.9992 40.0004C24.8356 40.0004 24.6764 39.9468 24.546 39.8479C24.4156 39.749 24.3211 39.6101 24.277 39.4525L21.9055 30.25Z"
24+
stroke="#CBA6F7"
25+
strokeWidth="3"
26+
strokeLinecap="round"
27+
strokeLinejoin="round"
28+
/>
29+
<path d="M37 11.5V17.5" stroke="#CBA6F7" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
30+
<path d="M40 14.5H34" stroke="#CBA6F7" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
31+
<path d="M13 32.5V35.5" stroke="#CBA6F7" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
32+
<path d="M14.5 34H11.5" stroke="#CBA6F7" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
33+
<defs>
34+
<linearGradient id="paint0_linear_1_39" x1="0" y1="25" x2="50" y2="25" gradientUnits="userSpaceOnUse">
35+
<stop stopColor="#1E1E2E" />
36+
<stop offset="0.5" stopColor="#181825" />
37+
<stop offset="1" stopColor="#11111B" />
38+
</linearGradient>
39+
</defs>
40+
</svg>
41+
);

‎apps/web/src/components/navigation.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,13 @@ import {
2727
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
2828
import { cn } from "@/lib/utils";
2929
import type { SessionSchema } from "@stardust/common/auth";
30-
import { Book, ComputerIcon, Globe, Info, Key, LogOut, Monitor, Settings, Sparkles, SwatchBook } from "lucide-react";
30+
import { Book, ComputerIcon, Globe, Info, Key, LogOut, Monitor, Settings, SwatchBook } from "lucide-react";
3131
import type { Route } from "next";
3232
import { useTheme } from "next-themes";
3333
import Link from "next/link";
3434
import { usePathname } from "next/navigation";
3535
import { Fragment, useState } from "react";
36-
import { GitHubIcon } from "./icons";
36+
import { GitHubIcon, StardustIcon } from "./icons";
3737

3838
export default function Navigation({
3939
session,
@@ -66,7 +66,7 @@ export default function Navigation({
6666
return (
6767
<nav className="flex h-16 min-w-full items-center justify-between px-4 border-b">
6868
<div className="flex items-center gap-2">
69-
<Sparkles className="size-6" />
69+
<StardustIcon className="size-8" />
7070
<span className="text-2xl font-bold md:block hidden mr-2">Stardust</span>
7171
</div>
7272
<div className="flex justify-end gap-2">
@@ -103,7 +103,7 @@ export default function Navigation({
103103
<DialogContent>
104104
<DialogHeader>
105105
<DialogTitle className="m-2 flex items-center justify-center text-center text-2xl text-foreground">
106-
<Sparkles className="mr-2 flex size-6 flex-row" />
106+
<StardustIcon className="mr-2 size-6 rounded-[5px]" />
107107
Stardust {packageJson.version}
108108
</DialogTitle>
109109
</DialogHeader>

0 commit comments

Comments
 (0)