77 lines
2.7 KiB
TypeScript
77 lines
2.7 KiB
TypeScript
import { Route, Router } from "@solidjs/router";
|
|
import { listen } from "@tauri-apps/api/event";
|
|
import { createEffect, createSignal, onCleanup } from "solid-js";
|
|
import { Login } from "./Login";
|
|
import { ProtectedRoute } from "./ProtectedRoute";
|
|
import { Search } from "./Search";
|
|
import { Settings } from "./Settings";
|
|
import { ImageViewer } from "./components/ImageViewer";
|
|
import type { sendImage } from "./network";
|
|
import { ImageStatus } from "./components/image-status/ImageStatus";
|
|
import { invoke } from "@tauri-apps/api/core";
|
|
import { SearchImageContextProvider } from "./contexts/SearchImageContext";
|
|
|
|
export const App = () => {
|
|
const [processingImage, setProcessingImage] =
|
|
createSignal<Awaited<ReturnType<typeof sendImage>>>();
|
|
|
|
createEffect(() => {
|
|
// TODO: Don't use window.location.href
|
|
const unlisten = listen("focus-search", () => {
|
|
window.location.href = "/";
|
|
});
|
|
|
|
onCleanup(() => {
|
|
unlisten.then((fn) => fn());
|
|
});
|
|
});
|
|
|
|
// createEffect(() => {
|
|
// let listener: PluginListener;
|
|
// const setupListener = async () => {
|
|
// listener = await listenForShareEvents(
|
|
// async (intent: ShareEvent) => {
|
|
// const contents = await readFile(intent.stream ?? "").catch(
|
|
// (error: Error) => {
|
|
// console.warn("fetching shared content failed:");
|
|
// throw error;
|
|
// },
|
|
// );
|
|
// setFile(
|
|
// new File([contents], intent.name ?? "no-name", {
|
|
// type: intent.content_type,
|
|
// }),
|
|
// );
|
|
// setLogs((l) => [...l, intent.uri]);
|
|
// },
|
|
// );
|
|
// };
|
|
// setupListener();
|
|
// return () => {
|
|
// listener?.unregister();
|
|
// };
|
|
// });
|
|
|
|
const onTakeScreenshot = () => {
|
|
invoke("take_screenshot");
|
|
};
|
|
|
|
return (
|
|
<SearchImageContextProvider>
|
|
<button type="button" onClick={onTakeScreenshot}>
|
|
Take Screenshot [wayland :(]
|
|
</button>
|
|
<ImageViewer onSendImage={setProcessingImage} />
|
|
<ImageStatus processingImage={processingImage} />
|
|
<Router>
|
|
<Route path="/login" component={Login} />
|
|
|
|
<Route path="/" component={ProtectedRoute}>
|
|
<Route path="/" component={Search} />
|
|
<Route path="/settings" component={Settings} />
|
|
</Route>
|
|
</Router>
|
|
</SearchImageContextProvider>
|
|
);
|
|
};
|