From 9f0fed0a60bfbb5b1d91e22f6c7aca0515290743 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 14 Jun 2025 22:10:49 -0600
Subject: [PATCH] update ios check to work, and add links to app stores

---
 .../platforms/CapacitorPlatformService.ts     |  3 +-
 src/views/HelpView.vue                        | 30 +++++++++++++++----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/services/platforms/CapacitorPlatformService.ts b/src/services/platforms/CapacitorPlatformService.ts
index 26bef6f8..0e9008b8 100644
--- a/src/services/platforms/CapacitorPlatformService.ts
+++ b/src/services/platforms/CapacitorPlatformService.ts
@@ -5,6 +5,7 @@ import {
   CameraSource,
   CameraDirection,
 } from "@capacitor/camera";
+import { Capacitor } from "@capacitor/core";
 import { Share } from "@capacitor/share";
 import {
   SQLiteConnection,
@@ -247,7 +248,7 @@ export class CapacitorPlatformService implements PlatformService {
       hasFileSystem: true,
       hasCamera: true,
       isMobile: true,
-      isIOS: /iPad|iPhone|iPod/.test(navigator.userAgent),
+      isIOS: Capacitor.getPlatform() === "ios",
       hasFileDownload: false,
       needsFileHandlingInstructions: true,
       isNativeApp: true,
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index 1e972f77..c4253f08 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -24,11 +24,11 @@
     <!-- eslint-disable prettier/prettier max-len -->
     <div>
       <p>
-        This app focuses on gifts & gratitude, using them to build cool things together with your network.
+        This app focuses on raw gratitude, using it to build cool things together with your network.
       </p>
 
       <p class="ml-4">
-        If you'd like to see the page-by-page help,
+        If you'd like to see the page-by-page help again,
         <span
           class="text-blue-500 cursor-pointer"
           @click="unsetFinishedOnboarding()"
@@ -555,9 +555,6 @@
         initiative.
       </p>
 
-      <h2 class="text-xl font-semibold">What app version is this?</h2>
-      <p>{{ package.version }} ({{ commitHash }})</p>
-
       <h2 class="text-xl font-semibold">
         I have other questions or feedback, like getting a new profile or removing my data or requesting an improvement.
       </h2>
@@ -567,6 +564,28 @@
           >info@TimeSafari.app</a
         >
       </p>
+
+      <h2 class="text-xl font-semibold">What app version is this?</h2>
+      <p>{{ package.version }} ({{ commitHash }})</p>
+
+      <div v-if="Capacitor.isNativePlatform()">
+        <h2 class="text-xl font-semibold">
+          Do I have the latest version?
+        </h2>
+        <p v-if="Capacitor.getPlatform() === 'ios'">
+          <a href="https://apps.apple.com/us/app/time-safari/id6742664907" target="_blank" class="text-blue-500">
+            Check the App Store.
+          </a>
+        </p>
+        <p v-else-if="Capacitor.getPlatform() === 'android'">
+          <a href="https://timesafari.app/app.apk" target="_blank" class="text-blue-500">
+            Download the latest APK to see.
+          </a>
+        </p>
+        <p v-else>
+          Sorry, your platform of '{{ Capacitor.getPlatform() }}' is not recognized.
+        </p>
+      </div>
     </div>
     <!-- eslint enable -->
   </section>
@@ -603,6 +622,7 @@ export default class HelpView extends Vue {
   showVerifiable = false;
 
   APP_SERVER = APP_SERVER;
+  Capacitor = Capacitor;
 
   // Ideally, we put no functionality in here, especially in the setup,
   // because we never want this page to have a chance of throwing an error.