From 4ad4cab25e4dabd00e08b18bb6c4f67996df958e Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 23 Mar 2024 18:45:26 -0600
Subject: [PATCH] add blurb explaining what data is shared with the world

---
 project.task.yaml               |  2 --
 src/App.vue                     |  7 +++++--
 src/components/GiftedDialog.vue | 17 +++++++++++++++++
 src/libs/util.ts                |  3 +++
 src/views/GiftedDetails.vue     | 17 +++++++++++++++++
 5 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/project.task.yaml b/project.task.yaml
index 9dc8aea..be9a5f9 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -1,8 +1,6 @@
 
 tasks :
 
-- alert & stop if give amount < 0
-- add warning that all data (except ID) is public
 - onboarding video
 - .2 when adding a claim on home screen, push that claim to the top of the list
 
diff --git a/src/App.vue b/src/App.vue
index d8ee886..63c3eba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <router-view />
 
-  <!-- https://github.com/emmanuelsw/notiwind -->
+  <!-- Messages in the upper-right - https://github.com/emmanuelsw/notiwind -->
   <NotificationGroup group="alert">
     <div
       class="fixed top-4 right-4 w-full max-w-sm flex flex-col items-start justify-end"
@@ -129,6 +129,7 @@
     </div>
   </NotificationGroup>
 
+  <!-- These are general-purpose messages - except there are some for turning app notifications on and off. -->
   <NotificationGroup group="modal">
     <div class="fixed z-[100] top-0 inset-x-0 w-full">
       <Notification
@@ -148,6 +149,7 @@
           class="w-full"
           role="alert"
         >
+          <!-- type "confirm" will post a message and, with onYes function, show a "Yes" button to call that function -->
           <div
             v-if="notification.type === 'confirm'"
             class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50"
@@ -161,6 +163,7 @@
                 </p>
 
                 <button
+                  v-if="notification.onYes"
                   @click="
                     notification.onYes();
                     close(notification.id);
@@ -174,7 +177,7 @@
                   @click="close(notification.id)"
                   class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white px-2 py-2 rounded-md"
                 >
-                  Cancel
+                  {{ notification.onYes ? "Cancel" : "Close" }}
                 </button>
               </div>
             </div>
diff --git a/src/components/GiftedDialog.vue b/src/components/GiftedDialog.vue
index 1a8d8be..57cf349 100644
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -59,6 +59,11 @@
       </div>
       <p class="text-center mb-2 mt-6 italic">
         Sign & Send to publish to the world
+        <fa
+          icon="circle-info"
+          class="pl-2 text-blue-500 cursor-pointer"
+          @click="explainData()"
+        />
       </p>
       <button
         class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
@@ -352,6 +357,18 @@ export default class GiftedDialog extends Vue {
       result.response?.data?.error?.message
     );
   }
+
+  explainData() {
+    this.$notify(
+      {
+        group: "alert",
+        type: "success",
+        title: "Data Sharing",
+        text: libsUtil.PRIVACY_MESSAGE,
+      },
+      -1,
+    );
+  }
 }
 </script>
 
diff --git a/src/libs/util.ts b/src/libs/util.ts
index 99c51ec..6c4a5c0 100644
--- a/src/libs/util.ts
+++ b/src/libs/util.ts
@@ -20,6 +20,9 @@ const Buffer = require("buffer/").Buffer;
 export const ONBOARD_MESSAGE =
   "1) Read through all their yellow prompts. 2) Add them to your Contacts by scanning with the QR icon that is by the input box. 3) Click the person icon to register them. 4) Show them your QR so they'll scan you. 5) Have them enable notifications.";
 
+export const PRIVACY_MESSAGE =
+  "The data you send be visible to the world -- except: your IDs and the IDs of anyone you tag will stay private, only visible to those you allow.";
+
 /* eslint-disable prettier/prettier */
 export const UNIT_SHORT: Record<string, string> = {
   "BTC": "BTC",
diff --git a/src/views/GiftedDetails.vue b/src/views/GiftedDetails.vue
index 1405fba..d2cb8f1 100644
--- a/src/views/GiftedDetails.vue
+++ b/src/views/GiftedDetails.vue
@@ -92,6 +92,11 @@
 
     <p class="text-center mb-2 mt-6 italic">
       Sign & Send to publish to the world
+      <fa
+        icon="circle-info"
+        class="pl-2 text-blue-500 cursor-pointer"
+        @click="explainData()"
+      />
     </p>
     <button
       class="block w-full text-center text-lg font-bold uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
@@ -436,5 +441,17 @@ export default class GiftedDetails extends Vue {
       result.response?.data?.error?.message
     );
   }
+
+  explainData() {
+    this.$notify(
+      {
+        group: "alert",
+        type: "success",
+        title: "Data Sharing",
+        text: libsUtil.PRIVACY_MESSAGE,
+      },
+      -1,
+    );
+  }
 }
 </script>