From 07fc555324d8bf4fa3594a9701daaa124a873153 Mon Sep 17 00:00:00 2001
From: undergroundwires <undergroundwires@users.noreply.github.com>
Date: Mon, 14 Sep 2020 02:03:02 +0100
Subject: [PATCH] change "download" button to "save" on desktop

---
 .../Bootstrapping/Modules/IconBootstrapper.ts       |  4 ++--
 src/presentation/TheCodeButtons.vue                 | 13 +++++++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/presentation/Bootstrapping/Modules/IconBootstrapper.ts b/src/presentation/Bootstrapping/Modules/IconBootstrapper.ts
index 4a1519fc..dae631cd 100644
--- a/src/presentation/Bootstrapping/Modules/IconBootstrapper.ts
+++ b/src/presentation/Bootstrapping/Modules/IconBootstrapper.ts
@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 /** REGULAR ICONS (PREFIX: far) */
 import { faFolderOpen, faFolder, faSmile } from '@fortawesome/free-regular-svg-icons';
 /** SOLID ICONS (PREFIX: fas (default)) */
-import { faTimes, faFileDownload, faCopy, faSearch, faInfoCircle, faUserSecret, faDesktop, faTag, faGlobe } from '@fortawesome/free-solid-svg-icons';
+import { faTimes, faFileDownload, faCopy, faSearch, faInfoCircle, faUserSecret, faDesktop, faTag, faGlobe, faSave } from '@fortawesome/free-solid-svg-icons';
 
 
 export class IconBootstrapper implements IVueBootstrapper {
@@ -21,7 +21,7 @@ export class IconBootstrapper implements IVueBootstrapper {
             faFolderOpen,
             faFolder,
             faTimes,
-            faFileDownload,
+            faFileDownload, faSave,
             faCopy,
             faSearch,
             faInfoCircle);
diff --git a/src/presentation/TheCodeButtons.vue b/src/presentation/TheCodeButtons.vue
index 1ccceea7..44248b56 100644
--- a/src/presentation/TheCodeButtons.vue
+++ b/src/presentation/TheCodeButtons.vue
@@ -1,9 +1,11 @@
 <template>
     <div class="container" v-if="hasCode">
+        </IconButton>
         <IconButton
-            text="Download"
+            :text="this.isDesktop ? 'Save' : 'Download'"
             v-on:click="saveCodeAsync"
-            icon-prefix="fas" icon-name="file-download">
+            icon-prefix="fas" 
+            :icon-name="this.isDesktop ? 'save' : 'file-download'">
         </IconButton>
         <IconButton
             text="Copy"
@@ -16,9 +18,10 @@
 <script lang="ts">
 import { Component } from 'vue-property-decorator';
 import { StatefulVue } from './StatefulVue';
-import { SaveFileDialog, FileType } from './../infrastructure/SaveFileDialog';
-import { Clipboard } from './../infrastructure/Clipboard';
+import { SaveFileDialog, FileType } from '@/infrastructure/SaveFileDialog';
+import { Clipboard } from '@/infrastructure/Clipboard';
 import IconButton from './IconButton.vue';
+import { Environment } from '@/application/Environment/Environment';
 
 @Component({
   components: {
@@ -27,9 +30,11 @@ import IconButton from './IconButton.vue';
 })
 export default class TheCodeButtons extends StatefulVue {
   public hasCode = false;
+  public isDesktop = false;
 
   public async mounted() {
     const state = await this.getCurrentStateAsync();
+    this.isDesktop = Environment.CurrentEnvironment.isDesktop;
     this.hasCode = state.code.current && state.code.current.length > 0;
     state.code.changed.on((code) => {
       this.hasCode = code && code.code.length > 0;