wip: dialog to choose folder to watch

frontend/src-tauri/src/lib.rs

@@ -115,7 +115,7 @@ pub fn run() {
         .setup(|app| {
             let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default())
                 .inner_size(480.0, 360.0)
-                .resizable(false);
+                .resizable(true);
             // set transparent title bar only when building for macOS
             #[cfg(target_os = "macos")]
             let win_builder = win_builder.title_bar_style(TitleBarStyle::Transparent);

frontend/src/App.tsx

@@ -2,6 +2,7 @@ import { createSignal } from "solid-js";
 import { Search } from "@kobalte/core/search";
 import { IconSearch, IconRefresh } from "@tabler/icons-solidjs";
 import clsx from "clsx";
+import { ImageViewer } from "./components/ImageViewer";
 
 type Emoji = {
     emoji: string;
@@ -85,6 +86,7 @@ function App() {
             {/* <div class="mt-4 text-base leading-none">
         Emoji selected: {emoji()?.emoji} {emoji()?.name}
       </div> */}
+            <ImageViewer />
             <div class="px-4 mt-4 bg-white rounded-t-2xl">
                 <div class="h-[254px] overflow-scroll scrollbar-hide">
                     <div class="w-full grid grid-cols-9 grid-rows-9 gap-2 h-[480px] grid-flow-row-dense py-4">

frontend/src/components/ImageViewer.tsx

@@ -1,6 +1,7 @@
 import { createEffect, createSignal } from "solid-js";
 import { listen } from "@tauri-apps/api/event";
 import { FolderPicker } from "./FolderPicker";
+import { sendImage } from "../network";
 
 export function ImageViewer() {
     const [latestImage, setLatestImage] = createSignal<string | null>(null);
@@ -11,6 +12,8 @@ export function ImageViewer() {
             console.log("Received processed PNG");
             const base64Data = event.payload as string;
             setLatestImage(`data:image/png;base64,${base64Data}`);
+
+            sendImage("test-image.png", base64Data);
         });
 
         return () => {