allow view of feed without an identifier

project.task.yaml

@@ -6,11 +6,10 @@ tasks:
 - 40 notifications :
   - push, where we trigger a ServiceWorker(?) in the app to reach out and check for new data assignee:matthew
 
-- .1 don't allow to even see the claim actions if they're not registered
-
 - 01 Replace Gifted/Give in ContactsView with GiftedDialog assignee:matthew
 
 - 01 fix the Discovery map display to not show on top of bottom icons (and any other UI tweaks on the map flow) assignee-group:ui
+- .1 add instructions for map location selection
 
 - 01 Show pop-up or some message confirming that settings & contacts download has been initiated/finished assignee:matthew assignee-group:ui
 

src/db/tables/settings.ts

@@ -12,6 +12,7 @@ export type Settings = {
   activeDid?: string;
   apiServer?: string;
   firstName?: string;
+  isRegistered?: boolean;
   lastName?: string; // deprecated, pre v 0.1.3
   lastViewedClaimId?: string;
   searchBoxes?: Array<{

src/router/index.ts

@@ -33,7 +33,6 @@ const routes: Array<RouteRecordRaw> = [
     name: "home",
     component: () =>
       import(/* webpackChunkName: "home" */ "../views/HomeView.vue"),
-    beforeEnter: enterOrStart,
   },
   {
     path: "/account",
@@ -79,7 +78,6 @@ const routes: Array<RouteRecordRaw> = [
     name: "contacts",
     component: () =>
       import(/* webpackChunkName: "contacts" */ "../views/ContactsView.vue"),
-    beforeEnter: enterOrStart,
   },
   {
     path: "/scan-contact",

src/views/AccountViewView.vue

@@ -166,7 +166,7 @@
     </a>
     <a ref="downloadLink" />
 
-    <div class="flex py-2">
+    <div v-if="activeDid" class="flex py-2">
       <button class="text-center text-md text-blue-500" @click="checkLimits()">
         Check Limits
       </button>
@@ -387,6 +387,7 @@ export default class AccountViewView extends Vue {
   apiServerInput = "";
   derivationPath = "";
   givenName = "";
+  isRegistered = false;
   numAccounts = 0;
   publicHex = "";
   publicBase64 = "";
@@ -513,6 +514,7 @@ export default class AccountViewView extends Vue {
     this.givenName =
       (settings?.firstName || "") +
       (settings?.lastName ? ` ${settings.lastName}` : ""); // pre v 0.1.3
+    this.isRegistered = !!settings?.isRegistered;
     this.showContactGives = !!settings?.showContactGivesInline;
   }
 
@@ -699,6 +701,27 @@ export default class AccountViewView extends Vue {
       const resp = await this.fetchRateLimits(identity);
       if (resp.status === 200) {
         this.limits = resp.data;
+        if (!this.isRegistered) {
+          // the user is not known to be registered, but they are so let's record it
+          try {
+            await db.open();
+            db.settings.update(MASTER_SETTINGS_KEY, {
+              isRegistered: true,
+            });
+            this.isRegistered = true;
+          } catch (err) {
+            console.log("Got an error updating settings:", err);
+            this.$notify(
+              {
+                group: "alert",
+                type: "warning",
+                title: "Update Error",
+                text: "Unable to update your settings. Check claim limits again.",
+              },
+              -1,
+            );
+          }
+        }
       }
     } catch (error) {
       this.handleRateLimitsError(error);

src/views/HomeView.vue

@@ -6,55 +6,78 @@
       Time Safari
     </h1>
 
+    <!-- show the actions for recognizing a give -->
     <div class="mb-8">
-      <h2 class="text-xl font-bold">Record a Gift</h2>
+      <div v-if="!activeDid">
-
+        To record others' giving,
-      <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
+        <router-link :to="{ name: 'start' }" class="text-blue-500">
-        <li @click="openDialog()">
+          create your identifier.</router-link
-          <EntityIcon
-            :entityId="null"
-            :iconSize="64"
-            class="mx-auto border border-slate-300 rounded-md mb-1"
-          ></EntityIcon>
-          <h3
-            class="text-xs italic font-medium text-ellipsis whitespace-nowrap overflow-hidden"
-          >
-            Anonymous/Unnamed
-          </h3>
-        </li>
-        <li
-          v-for="contact in allContacts"
-          :key="contact.did"
-          @click="openDialog(contact)"
         >
-          <EntityIcon
+      </div>
-            :entityId="contact.did"
+
-            :iconSize="64"
+      <div v-else-if="!isRegistered">
-            class="mx-auto border border-slate-300 rounded-md mb-1"
+        To record others' giving, someone must register your account, so show
-          ></EntityIcon>
+        them
-          <h3
+        <router-link :to="{ name: 'contact-qr' }" class="text-blue-500">
-            class="text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden"
+          your identity info</router-link
+        >
+        and then
+        <router-link :to="{ name: 'account' }" class="text-blue-500">
+          check your limits.</router-link
+        >
+      </div>
+
+      <div v-else>
+        <!-- activeDid && isRegistered -->
+        <h2 class="text-xl font-bold">Record a Gift</h2>
+
+        <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
+          <li @click="openDialog()">
+            <EntityIcon
+              :entityId="null"
+              :iconSize="64"
+              class="mx-auto border border-slate-300 rounded-md mb-1"
+            ></EntityIcon>
+            <h3
+              class="text-xs italic font-medium text-ellipsis whitespace-nowrap overflow-hidden"
+            >
+              Anonymous/Unnamed
+            </h3>
+          </li>
+          <li
+            v-for="contact in allContacts"
+            :key="contact.did"
+            @click="openDialog(contact)"
           >
-            {{ contact.name || contact.did }}
+            <EntityIcon
-          </h3>
+              :entityId="contact.did"
-        </li>
+              :iconSize="64"
-      </ul>
+              class="mx-auto border border-slate-300 rounded-md mb-1"
+            ></EntityIcon>
+            <h3
+              class="text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden"
+            >
+              {{ contact.name || contact.did }}
+            </h3>
+          </li>
+        </ul>
 
-      <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) -->
+        <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) -->
-      <router-link
+        <router-link
-        v-if="allContacts.length >= 7"
+          v-if="allContacts.length >= 7"
-        :to="{ name: 'contact-gives' }"
+          :to="{ name: 'contact-gives' }"
-        class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
+          class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
-      >
+        >
-        Show More Contacts&hellip;
+          Show More Contacts&hellip;
-      </router-link>
+        </router-link>
 
-      <!-- If there are no contacts, show this instead: -->
+        <!-- If there are no contacts, show this instead: -->
-      <div
+        <div
-        class="rounded border border-dashed border-slate-300 bg-slate-100 px-4 py-3 text-center italic text-slate-500"
+          class="rounded border border-dashed border-slate-300 bg-slate-100 px-4 py-3 text-center italic text-slate-500"
-        v-if="allContacts.length === 0"
+          v-if="allContacts.length === 0"
-      >
+        >
-        (No contacts to show.)
+          (No contacts to show.)
+        </div>
       </div>
     </div>
 
@@ -129,6 +152,7 @@ export default class HomeView extends Vue {
   feedPreviousOldestId?: string;
   feedLastViewedId?: string;
   isHiddenSpinner = true;
+  isRegistered = false;
   numAccounts = 0;
 
   async beforeCreate() {
@@ -173,6 +197,7 @@ export default class HomeView extends Vue {
       this.activeDid = settings?.activeDid || "";
       this.allContacts = await db.contacts.toArray();
       this.feedLastViewedId = settings?.lastViewedClaimId;
+      this.isRegistered = !!settings?.isRegistered;
       this.updateAllFeed();
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {

src/views/IdentitySwitcherView.vue

@@ -151,7 +151,7 @@ export default class IdentitySwitcherView extends Vue {
       did = undefined;
     }
     await db.open();
-    db.settings.update(MASTER_SETTINGS_KEY, {
+    await db.settings.update(MASTER_SETTINGS_KEY, {
       activeDid: did,
     });
     this.activeDid = did || "";