JohnCosta27/Haystack
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: showing settings page

Browse Source
This commit is contained in:
John Costa
2025-07-18 16:26:55 +01:00
parent 5c8e0094f4
commit eb0914c9ca
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.tsx
View File

@ -32,9 +32,9 @@ export const App = () => {
<Route path="/image/:imageId" component={ImagePage} /> <Route path="/image/:imageId" component={ImagePage} />
<Route path="/entity/:entityId" component={Entity} /> <Route path="/entity/:entityId" component={Entity} />
<Route path="/gallery/:entity" component={Gallery} /> <Route path="/gallery/:entity" component={Gallery} />
<Route path="/settings" component={Settings} />
</Route> </Route>
</Route> </Route>
<Route path="/settings" component={Settings} />
</Route> </Route>
</Route> </Route>
<Route path="*" component={() => <Navigate href="/" />} /> <Route path="*" component={() => <Navigate href="/" />} />

11
frontend/src/components/app-wrapper/topbar.tsx
View File

@ -1,6 +1,6 @@
import { ProcessingImages } from "@components/notifications/ProcessingImage"; import { ProcessingImages } from "@components/notifications/ProcessingImage";
import { useLocation, useNavigate } from "@solidjs/router"; import { A, useLocation, useNavigate } from "@solidjs/router";
import { IconArrowLeft } from "@tabler/icons-solidjs"; import { IconArrowLeft, IconSettings } from "@tabler/icons-solidjs";
import { Component, Show } from "solid-js"; import { Component, Show } from "solid-js";
export const Topbar: Component = () => { export const Topbar: Component = () => {
@ -16,7 +16,12 @@ export const Topbar: Component = () => {
</Show> </Show>
<h1 class="font-bold text-2xl">Haystack</h1> <h1 class="font-bold text-2xl">Haystack</h1>
<div class="ml-auto"> <div class="ml-auto">
<ProcessingImages /> <div class="flex items-center gap-2">
<ProcessingImages />
<A href="/settings" class="w-16 h-16 flex items-center">
<IconSettings />
</A>
</div>
</div> </div>
</div> </div>
); );