Merge pull request 'add help blurb for when we don't see info about someone that we should see' (#16) from help-visibility into master

Reviewed-on: https://gitea.anomalistdesign.com/trent_larson/kick-starter-for-time-pwa/pulls/16

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

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">
+                <span
-                  {{ givenByMeDescriptions[contact.did] || "Nothing" }}
+                  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">
+                <span
-                  {{ givenToMeDescriptions[contact.did] || "Nothing" }}
+                  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"

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>