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

feat: dock

Browse Source
This commit is contained in:
John Costa
2025-07-18 12:02:46 +01:00
parent 1a845c7846
commit 27ad03b1c1
1 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/App.tsx
View File

@ -1,4 +1,4 @@
import { Navigate, Route, Router } from "@solidjs/router"; import { A, Navigate, Route, Router } from "@solidjs/router";
import type { PluginListener } from "@tauri-apps/api/core"; import type { PluginListener } from "@tauri-apps/api/core";
import { listen } from "@tauri-apps/api/event"; import { listen } from "@tauri-apps/api/event";
import { readFile } from "@tauri-apps/plugin-fs"; import { readFile } from "@tauri-apps/plugin-fs";
@ -23,12 +23,34 @@ import { sendImageFile } from "./network";
import { Image } from "./Image"; import { Image } from "./Image";
import { WithEntityDialog } from "./WithEntityDialog"; import { WithEntityDialog } from "./WithEntityDialog";
import { Gallery } from "./gallery"; import { Gallery } from "./gallery";
import { IconHome, IconPhoto, IconSearch } from "@tabler/icons-solidjs";
const currentPlatform = platform(); const currentPlatform = platform();
console.log("Current Platform: ", currentPlatform); console.log("Current Platform: ", currentPlatform);
const AppWrapper: Component<ParentProps> = ({ children }) => { const AppWrapper: Component<ParentProps> = (props) => {
return <div class="flex w-full justify-center h-screen">{children}</div>; return (
<div class="flex w-full justify-center h-screen">{props.children}</div>
);
};
const WithDock: Component<ParentProps> = (props) => {
return (
<div class="flex flex-col">
{props.children}
<div class="w-full mt-auto h-16 bg-white flex justify-between m-4 rounded-xl">
<A href="/" class="w-full flex justify-center items-center">
<IconHome />
</A>
<A href="/" class="w-full flex justify-center items-center">
<IconSearch />
</A>
<A href="/" class="w-full flex justify-center items-center">
<IconPhoto />
</A>
</div>
</div>
);
}; };
export const App = () => { export const App = () => {
@ -84,12 +106,14 @@ export const App = () => {
<Route path="/login" component={Login} /> <Route path="/login" component={Login} />
<Route path="/" component={ProtectedRoute}> <Route path="/" component={ProtectedRoute}>
<Route path="/" component={WithEntityDialog}> <Route path="/" component={WithDock}>
<Route path="/" component={Search} /> <Route path="/" component={WithEntityDialog}>
<Route path="/image/:imageId" component={Image} /> <Route path="/" component={Search} />
<Route path="/gallery/:entity" component={Gallery} /> <Route path="/image/:imageId" component={Image} />
<Route path="/gallery/:entity" component={Gallery} />
</Route>
<Route path="/settings" component={Settings} />
</Route> </Route>
<Route path="/settings" component={Settings} />
</Route> </Route>
</Route> </Route>
<Route <Route