space/pr-preview
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): use app icon in header #3

Merged
space merged 2 commits from fix/use-real-app-icon into main 2026-07-26 17:11:37 +02:00
Conversation 9 Commits 2 Files Changed 10
+3 -3
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8fa9aa516e - Show all commits
TODO.md
+1 -1
View File
@@ -3,7 +3,7 @@
## UI Related ## UI Related
- [ ] Fix Theming to be more professional (use frontend themeing skill & make it look like a professional product) - [ ] Fix Theming to be more professional (use frontend themeing skill & make it look like a professional product)
- [x] replace emoji in the top left with the actual icon
## Future BS ## Future BS
- [ ] CPU, MEM, NET, DISK sentinal first-installed on EC2s to expose a backend for the user's ui to hit, THROUGH A BACKEND PROXY ROUTE so we can cache and rate limit the requests. This will allow for a better dashboard and better stats for the user to see. We'll use an obscure port for the sentinal so that we dont hit any other services the user may have. Sentinal is our own little C program exposing the stats we need, seperate repo for that thing tho! - [ ] CPU, MEM, NET, DISK sentinal first-installed on EC2s to expose a backend for the user's ui to hit, THROUGH A BACKEND PROXY ROUTE so we can cache and rate limit the requests. This will allow for a better dashboard and better stats for the user to see. We'll use an obscure port for the sentinal so that we dont hit any other services the user may have. Sentinal is our own little C program exposing the stats we need, seperate repo for that thing tho!
frontend/src/components/Layout.tsx
+2 -2
View File
@@ -3,7 +3,7 @@ import { Link, useLocation, useNavigate } from "react-router-dom";
import { useAuth } from "../hooks/useAuth"; import { useAuth } from "../hooks/useAuth";
import { ThemePreference, useTheme } from "../hooks/useTheme"; import { ThemePreference, useTheme } from "../hooks/useTheme";
import { api } from "../services/api"; import { api } from "../services/api";
import { Rocket, Sun, Moon, Monitor } from "lucide-react"; import { Sun, Moon, Monitor } from "lucide-react";
const themeOptions: { value: ThemePreference; label: string; Icon: typeof Sun }[] = [ const themeOptions: { value: ThemePreference; label: string; Icon: typeof Sun }[] = [
{ value: "light", label: "Light", Icon: Sun }, { value: "light", label: "Light", Icon: Sun },
@@ -42,7 +42,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
<div className="max-w-7xl mx-auto px-4 h-14 flex items-center justify-between gap-4"> <div className="max-w-7xl mx-auto px-4 h-14 flex items-center justify-between gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Link to="/" className="font-bold text-lg text-blue-600 dark:text-blue-400 hover:opacity-80 inline-flex items-center gap-1.5"> <Link to="/" className="font-bold text-lg text-blue-600 dark:text-blue-400 hover:opacity-80 inline-flex items-center gap-1.5">
<Rocket size={20} /> PR Previews <img src="/icon.png" alt="" className="h-5 w-5 shrink-0 rounded" aria-hidden="true" /> PR Previews
</Link> </Link>
</div> </div>