From 85031f84c05316b2404c08c6ff39209166ea8d83 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 7 May 2023 19:52:40 -0600
Subject: [PATCH] add help blurb for when we don't see info about someone that
 we should see

---
 project.yaml               |  5 +++--
 src/views/ContactsView.vue | 26 ++++++++++++++++++++++----
 src/views/HelpView.vue     | 14 ++++++++++++++
 3 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/project.yaml b/project.yaml
index 395944b43..addf166a2 100644
--- a/project.yaml
+++ b/project.yaml
@@ -6,8 +6,6 @@
 - replace user-affecting console.logs with error messages (eg. catches)
 
 - contacts v1 :
-  - produce a video assignee:trent
-  - .2 warn about amounts when you cannot see them
   - .1 remove 'copy' until it works
   - .5 switch to prod server
   - .5 Add page to show seed.
@@ -44,3 +42,6 @@
 - Peer DID
 
 - DIDComm
+
+- v video for multiple identities https://youtu.be/p8L87AeD76w
+- v video for adding time to contacts https://youtu.be/7Yylczevp10
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 2669fbdbc..508c598b1 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -49,6 +49,18 @@
       Your Contacts
     </h1>
 
+    <div class="flex justify-between py-2">
+      <span />
+      <span>
+        <router-link
+          :to="{ name: 'help' }"
+          class="text-xs uppercase bg-blue-500 text-white px-1.5 py-1 rounded-md ml-1"
+        >
+          Help
+        </router-link>
+      </span>
+    </div>
+
     <!-- New Contact -->
     <div class="mb-4 flex">
       <input
@@ -165,8 +177,11 @@
                         : (givenByMeUnconfirmed[contact.did] || 0)
                   /* eslint-enable prettier/prettier */
                 }}
-                <span class="tooltiptext-left">
-                  {{ givenByMeDescriptions[contact.did] || "Nothing" }}
+                <span
+                  v-if="givenByMeDescriptions[contact.did]"
+                  class="tooltiptext-left"
+                >
+                  {{ givenByMeDescriptions[contact.did] }}
                 </span>
                 <button
                   class="text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
@@ -187,8 +202,11 @@
                         : (givenToMeUnconfirmed[contact.did] || 0)
                   /* eslint-enable prettier/prettier */
                 }}
-                <span class="tooltiptext-left">
-                  {{ givenToMeDescriptions[contact.did] || "Nothing" }}
+                <span
+                  v-if="givenToMeDescriptions[contact.did]"
+                  class="tooltiptext-left"
+                >
+                  {{ givenToMeDescriptions[contact.did] }}
                 </span>
                 <button
                   class="text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
diff --git a/src/views/HelpView.vue b/src/views/HelpView.vue
index a764f1ea0..0151ddb04 100644
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -146,6 +146,20 @@
         may also add their public key by adding another comma followed by the
         key.
       </p>
+
+      <h2 class="text-xl font-semibold">
+        I know there is a record from someone, so why can't I see that info?
+      </h2>
+      <p>
+        Sometimes someone else has made claims -- meaning they have given time,
+        or recognized time given, or declared a project -- but you cannot see
+        anything associated with them. The reason may be because they have not
+        given you permission to see their information. Ask them to add you to
+        their contact list and make sure the eye next to your name is open like
+        this
+        <fa icon="eye" class="fa-fw" /> and not closed like this
+        <fa icon="eye-slash" class="fa-fw" />.
+      </p>
     </div>
   </section>
 </template>