fix more messaging and actions if they don't have an ID

project.task.yaml

@@ -6,7 +6,6 @@ tasks:
   - get it to work on iOS
   - lock down regenerate_vapid endpoint (so only we admins can do it on demand)
   - make the app behave correctly when App Notifications are turned off
-  - remove "mute notifications"
   - remove sleep in py-push-server app.py?
   - write troubleshooting docs for notifications
   - make the "App Notifications" toggle on when they turn notifications on

src/views/AccountViewView.vue

@@ -32,8 +32,24 @@
       </span>
     </div>
 
+    <!-- ID notice -->
+    <div
+      v-if="!activeDid"
+      class="bg-amber-200 text-amber-900 border-amber-500 border-dashed border text-center rounded-md overflow-hidden px-4 py-3 mb-4"
+    >
+      <p class="mb-4">
+        <b>Note:</b> Before you can take any action, you need an ID.
+      </p>
+      <router-link
+        :to="{ name: 'start' }"
+        class="inline-block text-md uppercase bg-amber-600 text-white px-4 py-2 rounded-md"
+      >
+        Generate Identity
+      </router-link>
+    </div>
+
     <!-- Registration notice -->
-    <!-- We won't show any loading indicator; we'll just pop the message in once we know they need it. -->
+    <!-- We won't show any loading indicator because it usually doesn't change anything. We'll just pop the message in only if we discover that they need it. -->
     <div
       v-if="!loadingLimits && !limits?.nextWeekBeginDateTime"
       class="bg-amber-200 text-amber-900 border-amber-500 border-dashed border text-center rounded-md overflow-hidden px-4 py-3 mb-4"

src/views/HomeView.vue

@@ -13,7 +13,7 @@
         class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
       >
         <p class="text-lg mb-3">
-          You need an <b>identifier</b> before you can record anyone's giving.
+          You need an <b>identifier</b> before you can record anyone's gives.
         </p>
         <router-link
           :to="{ name: 'start' }"
@@ -27,8 +27,8 @@
         v-else-if="!isRegistered"
         class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
       >
-        Someone must register your account before you can record anyone's
+        Someone must register your account before you can record anyone's gives.
-        giving. To do this:
+        To do this:
         <router-link
           :to="{ name: 'contact-qr' }"
           class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"

src/views/ProjectViewView.vue

@@ -88,8 +88,8 @@
       </button>
     </div>
 
-    <div class="mb-4">
+    <div v-if="activeDid" class="mb-4">
-      <div v-if="activeDid" class="text-center">
+      <div class="text-center">
         <button
           @click="openOfferDialog({ name: 'you', did: activeDid })"
           class="block w-full text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md"
@@ -99,8 +99,8 @@
       </div>
     </div>
 
-    <div>
+    <div v-if="activeDid">
-      <div v-if="activeDid" class="text-center">
+      <div class="text-center">
         <button
           @click="openGiftDialog({ name: 'you', did: activeDid })"
           class="block w-full text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md"
@@ -109,7 +109,6 @@
         </button>
         <p class="mt-2 mb-4 text-center">Or, record a contribution from:</p>
       </div>
-      <p v-if="!activeDid" class="mt-2 mb-4">Record a contribution from:</p>
 
       <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5">
         <li @click="openGiftDialog()">