From 6c39716dd63e06532c1fe5358b82a9c8097e9e8a Mon Sep 17 00:00:00 2001 From: Xevion Date: Sun, 10 Nov 2024 14:59:21 -0600 Subject: [PATCH] Add proper SVG icon placeholder --- frontend/index.html | 4 +-- frontend/public/linkpulse.svg | 5 ++++ frontend/src/components/icons.tsx | 13 ++++++++-- frontend/src/routes/login.lazy.tsx | 40 ++++++------------------------ 4 files changed, 25 insertions(+), 37 deletions(-) create mode 100644 frontend/public/linkpulse.svg diff --git a/frontend/index.html b/frontend/index.html index e4b78ea..b3297b1 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,9 +2,9 @@ - + - Vite + React + TS + Linkpulse
diff --git a/frontend/public/linkpulse.svg b/frontend/public/linkpulse.svg new file mode 100644 index 0000000..5444a84 --- /dev/null +++ b/frontend/public/linkpulse.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/frontend/src/components/icons.tsx b/frontend/src/components/icons.tsx index 97ebf25..c833430 100644 --- a/frontend/src/components/icons.tsx +++ b/frontend/src/components/icons.tsx @@ -1,6 +1,15 @@ -type IconProps = React.HTMLAttributes +type IconProps = React.HTMLAttributes; export const Icons = { + linkpulse: (props: IconProps) => ( + + + + ), logo: (props: IconProps) => ( @@ -145,4 +154,4 @@ export const Icons = { ), -} \ No newline at end of file +}; diff --git a/frontend/src/routes/login.lazy.tsx b/frontend/src/routes/login.lazy.tsx index f1ea1e5..3eaa4d6 100644 --- a/frontend/src/routes/login.lazy.tsx +++ b/frontend/src/routes/login.lazy.tsx @@ -1,38 +1,23 @@ -import { createLazyFileRoute } from '@tanstack/react-router' +import { createLazyFileRoute } from "@tanstack/react-router"; -export const Route = createLazyFileRoute('/login')({ +export const Route = createLazyFileRoute("/login")({ component: Login, -}) +}); import { buttonVariants } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import { UserAuthForm } from "@/components/auth/UserAuthForm"; +import { Icons } from "@/components/icons"; function Login() { return ( <> -
- Authentication - Authentication -
-
+
Login @@ -40,18 +25,7 @@ function Login() {
- - - + Acme Inc