From 5b315b719207a75e48ed1af945a1affc3bed56d1 Mon Sep 17 00:00:00 2001
From: charles <charlesdrani@gmail.com>
Date: Sun, 25 Feb 2024 21:27:47 -0700
Subject: [PATCH] feat: filter file picker selection to image formats (#50)

---
 src-tauri/src/main.rs                       |  4 +++-
 src/lib/components/ViewActionButtons.svelte | 10 +++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index bda1983..e3803af 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -19,7 +19,9 @@ struct CropDimension {
 }
 
 async fn select_image() -> Option<PathBuf> {
-    FileDialogBuilder::new().pick_file()
+    FileDialogBuilder::new()
+        .add_filter("Image", &["png", "jpg", "jpeg", "webp"])
+        .pick_file()
 }
 
 fn create_file<P: AsRef<Path>>(file_path: P) -> Result<File, ()> {
diff --git a/src/lib/components/ViewActionButtons.svelte b/src/lib/components/ViewActionButtons.svelte
index 1078915..b2ec791 100644
--- a/src/lib/components/ViewActionButtons.svelte
+++ b/src/lib/components/ViewActionButtons.svelte
@@ -31,7 +31,7 @@
         <button
             aria-label="download"
             on:click={downloadImageEffect}
-            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white p-1 rounded items-center justify-center"
+            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white p-1 rounded-md items-center justify-center"
         >
             <svg
                 class:small
@@ -50,7 +50,7 @@
         <button
             aria-label="medium screen"
             on:click|stopPropagation={() => openModal(false)}
-            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white p-1 rounded justify-center items-center ml-2"
+            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white p-1 rounded-md justify-center items-center ml-2"
             class:hidden={!small && visible}
         >
             <svg
@@ -69,7 +69,7 @@
         <button
             aria-label="open fullscreen"
             on:click|stopPropagation={() => openModal(true)}
-            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white rounded p-1 justify-center items-center ml-2"
+            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white rounded-md p-1 justify-center items-center ml-2"
             class:hidden={visible && full}
         >
             <svg
@@ -93,7 +93,7 @@
         <button
             aria-label="exit fullscreen"
             on:click|stopPropagation={() => openModal(false)}
-            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white rounded p-1 justify-center items-center ml-2"
+            class="inline-flex bg-gray-900 h-fit w-fit border-solid border-2 border-white rounded-md p-1 justify-center items-center ml-2"
             class:hidden={!visible || !full}
         >
             <svg
@@ -116,7 +116,7 @@
         <button
             on:click={closeModal}
             aria-label="close modal"
-            class="flex bg-gray-900 border-solid h-fit w-fit border-2 border-white rounded p-1 justify-center items-center ml-2"
+            class="flex bg-gray-900 border-solid h-fit w-fit border-2 border-white rounded-md p-1 justify-center items-center ml-2"
             class:hidden={small || !visible}
         >
             <svg