Add open folder option after download

achhabra2 · Jan 6, 2022 · ebcebbc · ebcebbc
1 parent cff26fb
commit ebcebbc
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/frontend/dist/bundle.js b/frontend/dist/bundle.js
diff --git a/frontend/dist/bundle.js.map b/frontend/dist/bundle.js.map
diff --git a/frontend/src/receiver.svelte b/frontend/src/receiver.svelte
@@ -32,6 +32,12 @@
     go.main.App.OpenFile(receivePath);
   }
 
+  function openDownloadsFolder() {
+    go.main.App.GetUserPrefs().then(prefs => {
+      go.main.App.OpenFile(prefs.downloadsDirectory);
+    });
+  }
+
   function onCancel() {
     go.main.App.CancelWormholeRequest().then(() => {
       isReceiving = false;
@@ -86,7 +92,10 @@
         <div class="icon-lg receive-file-icon" />
         <span class="text-gray-200">{receiveFileName}</span>
         {#if !isReceiving}
-          <button class="open-button text-sm" on:click={openFile}>Open</button>
+        <div class="inline-flex space-x-1">
+          <button class="open-button text-sm" on:click={openFile}>Open File</button>
+          <button class="open-button text-sm" on:click={openDownloadsFolder}>Open Folder</button>
+        </div>
         {/if}
       </div>
     {/if}

diff --git a/frontend/src/styles.pcss b/frontend/src/styles.pcss
@@ -14,7 +14,7 @@ div {
 
 @layer components {
   .open-button {
-    @apply rounded-lg p-2 bg-green-500 duration-150 text-gray-200 hover:bg-green-700 active:bg-green-800;
+    @apply rounded-lg px-2 py-1 bg-green-600 duration-150 text-gray-200 hover:bg-green-700 active:bg-green-800;
   }
   .send-input {
     @apply border border-transparent focus:outline-none focus:ring-2 focus:ring-green-300 focus:border-transparent bg-gray-700 text-gray-200 rounded-l-md shadow-inner shadow-md;
@@ -23,7 +23,7 @@ div {
     @apply block text-sm text-gray-300;
   }
   .send-button {
-    @apply rounded-lg px-4 py-2 bg-green-600 duration-150 text-gray-200 hover:bg-green-700 disabled:opacity-50 active:bg-green-800;
+    @apply rounded-lg shadow-md px-4 py-2 bg-green-600 duration-150 text-gray-200 hover:bg-green-700 disabled:opacity-50 active:bg-green-800;
   }
 
   .copy-button {
@@ -37,7 +37,7 @@ div {
     @apply block text-sm text-gray-300;
   }
   .receive-button {
-    @apply rounded-r-md px-4 py-2 bg-green-600 duration-150 text-gray-200 hover:bg-green-700 disabled:opacity-50 active:bg-green-800;
+    @apply rounded-r-md shadow-md px-4 py-2 bg-green-600 duration-150 text-gray-200 hover:bg-green-700 disabled:opacity-50 active:bg-green-800;
   }
 
   .about-button {