From 1e840250b99daed0f1c13dc1b025ac951bccacf2 Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Sat, 8 Feb 2025 19:07:32 -0700
Subject: [PATCH 1/3] Add: info bubble for local folders

---
 pages/localMedia/folders/index.vue | 18 ++++++++++++++++--
 strings/en-us.json                 |  1 +
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/pages/localMedia/folders/index.vue b/pages/localMedia/folders/index.vue
index 65b281a8..1488f84c 100644
--- a/pages/localMedia/folders/index.vue
+++ b/pages/localMedia/folders/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="w-full h-full py-6">
-    <h1 class="text-base font-semibold px-2 mb-2">{{ $strings.HeaderLocalFolders }}</h1>
+    <h1 class="text-base font-semibold px-2 mb-2">
+      {{ $strings.HeaderLocalFolders }}
+      <span class="material-icons-outlined ml-2" @click.stop="showLocalFolderMoreInfo">info</span>
+    </h1>
 
     <div v-if="!isIos" class="w-full max-w-full px-2 py-2">
       <template v-for="folder in localFolders">
@@ -33,6 +36,7 @@
 
 <script>
 import { AbsFileSystem } from '@/plugins/capacitor'
+import { Dialog } from '@capacitor/dialog'
 
 export default {
   data() {
@@ -87,6 +91,16 @@ export default {
         this.$toast.success('Folder permission success')
       }
     },
+    async showLocalFolderMoreInfo() {
+      const confirmResult = await Dialog.confirm({
+        title: this.$strings.HeaderLocalFolders,
+        message: this.$strings.MessageLocalFolderDescription,
+        cancelButtonTitle: 'View More'
+      })
+      if (!confirmResult.value) {
+        window.open('https://www.audiobookshelf.org/guides/android_app_shared_storage', '_blank')
+      }
+    },
     async init() {
       const androidSdkVersion = await this.$getAndroidSDKVersion()
       this.isAndroid10OrBelow = !!androidSdkVersion && androidSdkVersion <= 29
@@ -100,4 +114,4 @@ export default {
     this.init()
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/strings/en-us.json b/strings/en-us.json
index 4c54bbbf..d0ee778f 100644
--- a/strings/en-us.json
+++ b/strings/en-us.json
@@ -296,6 +296,7 @@
   "MessageItemMissing": "Item is missing and must be fixed on the server. Typically an item is marked as missing because the file paths are not accessible.",
   "MessageLoading": "Loading...",
   "MessageLoadingServerData": "Loading server data...",
+  "MessageLocalFolderDescription": "Internal App Storage is only accessible by this app. Other local folders can be used to allow other apps to access media downloaded through this app. This app does not support files added by other apps or manually through the file system.",
   "MessageMarkAsFinished": "Mark as Finished",
   "MessageMediaLinkedToADifferentServer": "Media is linked to an Audiobookshelf server on a different address ({0}). Progress will be synced when connected to this server address.",
   "MessageMediaLinkedToADifferentUser": "Media is linked to this server but was downloaded by a different user. Progress will only be synced to the user that downloaded it.",

From ba66cc02b7409017b58ced9b33df2665dc43090c Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Sat, 8 Feb 2025 23:01:07 -0700
Subject: [PATCH 2/3] Reworded local folder description

---
 strings/en-us.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/strings/en-us.json b/strings/en-us.json
index d0ee778f..d00a1e1f 100644
--- a/strings/en-us.json
+++ b/strings/en-us.json
@@ -296,7 +296,7 @@
   "MessageItemMissing": "Item is missing and must be fixed on the server. Typically an item is marked as missing because the file paths are not accessible.",
   "MessageLoading": "Loading...",
   "MessageLoadingServerData": "Loading server data...",
-  "MessageLocalFolderDescription": "Internal App Storage is only accessible by this app. Other local folders can be used to allow other apps to access media downloaded through this app. This app does not support files added by other apps or manually through the file system.",
+  "MessageLocalFolderDescription": "'Internal App Storage' is only accessible by this app. This app only supports media downloaded directly through the app. Shared storage folders can be used to allow other apps to access media downloaded by this app.",
   "MessageMarkAsFinished": "Mark as Finished",
   "MessageMediaLinkedToADifferentServer": "Media is linked to an Audiobookshelf server on a different address ({0}). Progress will be synced when connected to this server address.",
   "MessageMediaLinkedToADifferentUser": "Media is linked to this server but was downloaded by a different user. Progress will only be synced to the user that downloaded it.",

From ab02ce5601f3696bc2e7468703e099d29fc3265d Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Mon, 17 Feb 2025 17:37:52 -0600
Subject: [PATCH 3/3] Update info icon alignment

---
 pages/localMedia/folders/index.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages/localMedia/folders/index.vue b/pages/localMedia/folders/index.vue
index 1488f84c..b63f25f1 100644
--- a/pages/localMedia/folders/index.vue
+++ b/pages/localMedia/folders/index.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="w-full h-full py-6">
-    <h1 class="text-base font-semibold px-2 mb-2">
-      {{ $strings.HeaderLocalFolders }}
-      <span class="material-icons-outlined ml-2" @click.stop="showLocalFolderMoreInfo">info</span>
-    </h1>
+    <div class="flex items-center mb-2">
+      <h1 class="text-base font-semibold px-2">
+        {{ $strings.HeaderLocalFolders }}
+      </h1>
+      <button type="button" class="material-icons-outlined" @click.stop="showLocalFolderMoreInfo">info</button>
+    </div>
 
     <div v-if="!isIos" class="w-full max-w-full px-2 py-2">
       <template v-for="folder in localFolders">