From 1e470cf70b5990c09cea346393bb1eecfaf2d997 Mon Sep 17 00:00:00 2001
From: Martichou <m@rtin.fyi>
Date: Thu, 7 Mar 2024 20:15:35 +0100
Subject: [PATCH] feat: add file selector to send

Signed-off-by: Martichou <m@rtin.fyi>
---
 frontend/src-tauri/Cargo.lock        |  4 ++--
 frontend/src/components/HomePage.vue | 35 ++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/frontend/src-tauri/Cargo.lock b/frontend/src-tauri/Cargo.lock
index 777f375..879057d 100644
--- a/frontend/src-tauri/Cargo.lock
+++ b/frontend/src-tauri/Cargo.lock
@@ -3932,7 +3932,7 @@ dependencies = [
 
 [[package]]
 name = "rqs_lib"
-version = "0.2.0"
+version = "0.3.0"
 dependencies = [
  "anyhow",
  "base64 0.21.7",
@@ -3968,7 +3968,7 @@ dependencies = [
 
 [[package]]
 name = "rquickshare"
-version = "0.2.0"
+version = "0.3.0"
 dependencies = [
  "anyhow",
  "fern",
diff --git a/frontend/src/components/HomePage.vue b/frontend/src/components/HomePage.vue
index 5bb4a26..7af7263 100644
--- a/frontend/src/components/HomePage.vue
+++ b/frontend/src/components/HomePage.vue
@@ -162,6 +162,12 @@
 					<h4 class="mt-2 font-medium">
 						Drop files to send
 					</h4>
+					<div class="btn btn-ghost mt-2" @click="openFilePicker()">
+						<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+							<path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" />
+						</svg>
+						<span class="ml-2">Select</span>
+					</div>
 				</div>
 
 				<div
@@ -338,6 +344,7 @@ import { SendInfo } from '../../../core_lib/bindings/SendInfo';
 import { State } from '../../../core_lib/bindings/State';
 import { DeviceType } from '../../../core_lib/bindings/DeviceType';
 import { Visibility } from '../../../core_lib/bindings/Visibility';
+import { dialog } from '@tauri-apps/api';
 
 interface ToDelete {
 	id: string,
@@ -657,6 +664,34 @@ export default {
 		},
 		blured: function() {
 			(document.activeElement as any).blur();
+		},
+		openFilePicker: function() {
+			dialog.open({
+				title: "Select a file to send",
+				directory: false,
+				multiple: true,
+			}).then(async (el) => {
+				let elem;
+				if (el === null) {
+					return;
+				}
+
+				console.log("Selected", el);
+				if (el instanceof Array) {
+					console.log("Is an array");
+					elem = el;
+				} else {
+					console.log("Is not an array");
+					elem = [el];
+				}
+
+
+				this.outboundPayload = {
+					Files: elem
+				} as OutboundPayload;
+				if (!this.discoveryRunning) await invoke('start_discovery');
+				this.discoveryRunning = true;
+			})
 		}
 	},
 }