allow view of feed without an identifier

refactor UI & remove unused code on account screen
modify naming for unnamed gifter
2023-11-05 21:46:46 -07:00 · 2023-11-05 18:15:52 -07:00 · 2023-11-05 18:05:59 -07:00 · 2023-11-05 17:55:03 -07:00 · 2023-11-05 17:30:23 -07:00 · 2023-11-05 17:02:24 -07:00
25 changed files with 839 additions and 828 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -0,0 +1,14 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+
+## [Unreleased]
+
+
+## [0.1.2] - 2023.11.01
+### Added
+- Basics: create ID, record a give, declare a project, search, and get notifications.
--- a/README.md
+++ b/README.md
@@ -1,6 +1,9 @@
 # kickstart-for-time-pwa

 ## Project setup
+
+We have pkgx.dev set up in package.json, so you can use `dev` to set up the dev environment.
+
 ```
 npm install
 ```
@@ -23,6 +26,12 @@ npm run build
 npm run lint
 ```

+## Tests
+
+###
+
+For your own web-push tests, change the 'vapid' URL in App.vue, and install apps on the same domain.
+
 ### Test key contents

 See [this page](openssl_signing_console.rst)
@@ -86,15 +95,6 @@ Clear cache for localhost, then go to http://localhost:8080/start



-## Dependencies
-
-See https://tea.xyz
-
-| Project    | Version   |
-| ---------- | --------- |
-| nodejs.org | ^16.0.0   |
-| npmjs.com  | ^8.0.0    |
-
 ## Other

 ### Reference Material
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "kickstart-for-time-pwa",
-  "version": "0.1.0",
+  "version": "0.1.2",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "kickstart-for-time-pwa",
-      "version": "0.1.0",
+      "version": "0.1.2",
      "dependencies": {
        "@ethersproject/hdnode": "^5.7.0",
        "@fortawesome/fontawesome-svg-core": "^6.4.0",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "kickstart-for-time-pwa",
-  "version": "0.1.0",
+  "version": "0.1.3",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
@@ -81,5 +81,6 @@
    "prettier": "^3.0.0",
    "tailwindcss": "^3.3.2",
    "typescript": "~5.1.6"
-  }
+  },
+  "pkgx": "node^18 npm^10"
 }
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -3,14 +3,13 @@ tasks:

 - in endorser-push-server - mount folder for persistent sqlite DB outside of container
 - test alerts on all pages -- or refactor to new "notify" (since AlertMessage refactoring may require a change, et. ContactQRScanShowView)
- .2 bug - on contacts view, click on "to" & "from" and nothing happens
 - 40 notifications :
  - push, where we trigger a ServiceWorker(?) in the app to reach out and check for new data assignee:matthew

- .2 Rename repo to crowd-sourcing-for-time (because Kickstarter is a corporation)
 - 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

@@ -24,19 +23,23 @@ tasks:

 - 24 Move to Vite assignee:matthew

- .5 Allow edit of a contact name (but not the DID)
- .2 Edit Plan does not have icons across the bottom assignee-group:ui
- .5 include the hash of the latest commit, and maybe a version
+- .2 fit as many icons as possible on home & project view screens but only going halfway down the page
+- .1 Remove notification alert visuals on home page
+- .5 Add infinite scroll to gifts on the home page
+- .5 bug - search for "Safari" does not find the project, but if already on the "Anywhere" tab it shows all
+- .2 figure out why endorser-mobile search doesn't find recently created PlanAction
+- .1 when creating a plan, select location and then make sure you can deselect on Android
+- .5 include a version, maybe the hash of the latest commit -- figuring out how it works on prod now
 - .5 add link to further project / people when a project pays ahead
 - .5 add project ID to the URL, to make a project publicly-accessible
- .5 remove edit from project page for projects owned by others
 - .5 fix where user 0 sees no txns from user 1 on contacts page but sees them on list page
 - .2 on ProjectViewView, show different messages for "to" and "from" sections if none exist assignee-group:ui
 - .2 fix static icon to the right on project page (Matthew - I've made "Rotary" into issuer?) assignee:jose assignee-group:ui
 - .2 fix rate limit verbiage (with the new one-per-day allowance) assignee:trent
 - .1 remove the logic to exclude beforeId in list of plans after server has commit 26b25af605e715600d4f12b6416ed9fd7142d164
 - .2 in SeedBackupView, don't load the mnemonic and keep it in memory; only load it when they click "show"
- .1 change default server in app.ts
+- .1 Make give description text box into something that expands as they type
+- .1 Make contact info specific to Time Safari - rather pointing at CommunityCred.org

 - Discuss whether the remaining tasks are worthwhile before MVP release.

@@ -49,6 +52,9 @@ tasks:
 - .2 Show a warning if both giver and recipient are the same (but still allow?) assignee-group:ui
 - 01 Would it look better to shrink the buttons on many pages so they don't expand to the width of the screen? assignee-group:ui
 - .5 Display a more appealing confirmation on the map when erasing the marker assignee-group:ui
+- .5 make a VC details page
+- .1 Add units or different icon to the coins (to distinguish $, BTC, hours, etc)
+- .1 remove firstName (& lastName) from localStorage

 - contacts v+ :
  - 01 Import all the non-sensitive data (ie. contacts & settings).
@@ -72,6 +78,11 @@ tasks:
  - Test PWA features on Android and iOS.
  blocks: ref:https://raw.githubusercontent.com/trentlarson/lives-of-gifts/master/project.yaml#kickstarter%20for%20time

+- .5 show seed phrase in a QR code for transfer to another device
+
+- 32 accept images for projects
+- 32 accept images for contacts
+
 - linking between projects or plans :
  - show total time given to & from a project
  - terminology:
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -2,7 +2,7 @@
  <div v-if="visible" class="dialog-overlay">
    <div class="dialog">
      <h1 class="text-xl font-bold text-center mb-4">
-        {{ message }} {{ giver?.name || "somebody not specified" }}
+        {{ message }} {{ giver?.name || "somebody not named" }}
      </h1>
      <input
        type="text"
@@ -51,18 +51,57 @@
 </template>

 <script lang="ts">
-import { Vue, Component, Prop, Emit } from "vue-facing-decorator";
-import { GiverInputInfo, GiverOutputInfo } from "@/libs/endorserServer";
+import { Vue, Component, Prop } from "vue-facing-decorator";
+import { createAndSubmitGive, GiverInputInfo } from "@/libs/endorserServer";
+import { accountsDB, db } from "@/db/index";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
+import { Account } from "@/db/tables/accounts";
+
+interface Notification {
+  group: string;
+  type: string;
+  title: string;
+  text: string;
+}

@Component
 export default class GiftedDialog extends Vue {
+  $notify!: (notification: Notification, timeout?: number) => void;
+
  @Prop message = "";
+  @Prop projectId = "";
+
+  activeDid = "";
+  apiServer = "";

  giver?: GiverInputInfo;
  description = "";
  hours = "0";
  visible = false;

+  async created() {
+    try {
+      await db.open();
+      const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
+      this.apiServer = settings?.apiServer || "";
+      this.activeDid = settings?.activeDid || "";
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (err: any) {
+      console.log("Error retrieving settings from database:", err);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text:
+            err.message ||
+            "There was an error retrieving the latest sweet, sweet action.",
+        },
+        -1,
+      );
+    }
+  }
+
  open(giver: GiverInputInfo) {
    this.giver = giver;
    this.visible = true;
@@ -80,27 +119,169 @@ export default class GiftedDialog extends Vue {
    this.hours = `${Math.max(0, (parseFloat(this.hours) || 1) - 1)}`;
  }

-  @Emit("dialog-result")
-  confirm(): GiverOutputInfo {
-    const result = {
-      action: "confirm",
-      giver: this.giver,
-      hours: parseFloat(this.hours),
-      description: this.description,
-    };
+  cancel() {
    this.close();
    this.description = "";
    this.giver = undefined;
    this.hours = "0";
-
-    return result;
  }

-  @Emit("dialog-result")
-  cancel(): GiverOutputInfo {
-    const result = { action: "cancel" };
+  async confirm() {
    this.close();
-    return result;
+    this.$notify(
+      {
+        group: "alert",
+        type: "toast",
+        text: "Recording the give...",
+        title: "",
+      },
+      1000,
+    );
+    // this is asynchronous, but we don't need to wait for it to complete
+    this.recordGive(
+      this.giver?.did as string | undefined,
+      this.description,
+      parseFloat(this.hours),
+    ).then(() => {
+      this.description = "";
+      this.giver = undefined;
+      this.hours = "0";
+    });
+  }
+
+  public async getIdentity(activeDid: string) {
+    await accountsDB.open();
+    const account = (await accountsDB.accounts
+      .where("did")
+      .equals(activeDid)
+      .first()) as Account;
+    const identity = JSON.parse(account?.identity || "null");
+
+    if (!identity) {
+      throw new Error(
+        "Attempted to load Give records for DID ${activeDid} but no identity was found",
+      );
+    }
+    return identity;
+  }
+
+  /**
+   *
+   * @param giverDid may be null
+   * @param description may be an empty string
+   * @param hours may be 0
+   */
+  public async recordGive(
+    giverDid?: string,
+    description?: string,
+    hours?: number,
+  ) {
+    if (!this.activeDid) {
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "You must select an identity before you can record a give.",
+        },
+        -1,
+      );
+      return;
+    }
+
+    if (!description && !hours) {
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "You must enter a description or some number of hours.",
+        },
+        -1,
+      );
+      return;
+    }
+
+    try {
+      const identity = await this.getIdentity(this.activeDid);
+      const result = await createAndSubmitGive(
+        this.axios,
+        this.apiServer,
+        identity,
+        giverDid,
+        this.activeDid,
+        description,
+        hours,
+        this.projectId,
+      );
+
+      if (
+        result.type === "error" ||
+        this.isGiveCreationError(result.response)
+      ) {
+        const errorMessage = this.getGiveCreationErrorMessage(result);
+        console.log("Error with give creation result:", result);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: errorMessage || "There was an error creating the give.",
+          },
+          -1,
+        );
+      } else {
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: "That gift was recorded.",
+          },
+          10000,
+        );
+      }
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      console.log("Error with give recordation caught:", error);
+      const message =
+        error.userMessage ||
+        error.response?.data?.error?.message ||
+        "There was an error recording the give.";
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: message,
+        },
+        -1,
+      );
+    }
+  }
+
+  // Helper functions for readability
+
+  /**
+   * @param result response "data" from the server
+   * @returns true if the result indicates an error
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  isGiveCreationError(result: any) {
+    return result.status !== 201 || result.data?.error;
+  }
+
+  /**
+   * @param result direct response eg. ErrorResult or SuccessResult (potentially with embedded "data")
+   * @returns best guess at an error message
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  getGiveCreationErrorMessage(result: any) {
+    return (
+      result.error?.userMessage ||
+      result.error?.error ||
+      result.response?.data?.error?.message
+    );
  }
 }
 </script>
--- a/src/db/tables/settings.ts
+++ b/src/db/tables/settings.ts
@@ -12,7 +12,8 @@ export type Settings = {
  activeDid?: string;
  apiServer?: string;
  firstName?: string;
-  lastName?: string;
+  isRegistered?: boolean;
+  lastName?: string; // deprecated, pre v 0.1.3
  lastViewedClaimId?: string;
  searchBoxes?: Array<{
    name: string;
--- a/src/libs/crypto/index.ts
+++ b/src/libs/crypto/index.ts
@@ -9,7 +9,7 @@ import * as u8a from "uint8arrays";
 import { ENDORSER_JWT_URL_LOCATION } from "@/libs/endorserServer";
 import { DEFAULT_DID_PROVIDER_NAME } from "../veramo/setup";

-export const DEFAULT_ROOT_DERIVATION_PATH = "m/76798669'/0'/0'/0'";
+export const DEFAULT_ROOT_DERIVATION_PATH = "m/84737769'/0'/0'/0'";

 /**
 *
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -116,6 +116,8 @@ export function isHiddenDid(did: string) {

 /**
 always returns text, maybe UNNAMED_VISIBLE or UNKNOWN_ENTITY
+
+ Similar logic is found in endorser-mobile.
 **/
 export function didInfo(
  did: string,
@@ -123,14 +125,14 @@ export function didInfo(
  allMyDids: string[],
  contacts: Contact[],
 ): string {
+  if (!did) return "Someone Anonymous";
+
  const myId = R.find(R.equals(did), allMyDids);
  if (myId) return `You${myId !== activeDid ? " (Alt ID)" : ""}`;

  const contact = R.find((c) => c.did === did, contacts);
  return contact
-    ? contact.name || "Someone Unnamed in Contacts"
-    : !did
-    ? "Unspecified Person"
+    ? contact.name || "Contact With No Name"
    : isHiddenDid(did)
    ? "Someone Not In Network"
    : "Someone Not In Contacts";
--- a/src/main.ts
+++ b/src/main.ts
@@ -13,6 +13,7 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import {
  faArrowLeft,
  faArrowRight,
+  faBan,
  faBurst,
  faCalendar,
  faChevronLeft,
@@ -59,6 +60,7 @@ import {
 library.add(
  faArrowLeft,
  faArrowRight,
+  faBan,
  faBurst,
  faCalendar,
  faChevronLeft,
--- a/src/router/index.ts
+++ b/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",
@@ -58,6 +57,14 @@ const routes: Array<RouteRecordRaw> = [
        /* webpackChunkName: "contact-amounts" */ "../views/ContactAmountsView.vue"
      ),
  },
+  {
+    path: "/contact-gives",
+    name: "contact-gives",
+    component: () =>
+      import(
+        /* webpackChunkName: "contact-gives" */ "../views/ContactGiftingView.vue"
+      ),
+  },
  {
    path: "/contact-qr",
    name: "contact-qr",
@@ -71,7 +78,6 @@ const routes: Array<RouteRecordRaw> = [
    name: "contacts",
    component: () =>
      import(/* webpackChunkName: "contacts" */ "../views/ContactsView.vue"),
-    beforeEnter: enterOrStart,
  },
  {
    path: "/scan-contact",
@@ -185,12 +191,10 @@ const routes: Array<RouteRecordRaw> = [
      ),
  },
  {
-    path: "/contact-gives",
-    name: "contact-gives",
+    path: "/test",
+    name: "test",
    component: () =>
-      import(
-        /* webpackChunkName: "contact-gives" */ "../views/ContactGiftingView.vue"
-      ),
+      import(/* webpackChunkName: "test" */ "../views/TestView.vue"),
  },
 ];

--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -52,7 +52,17 @@

    <!-- Identity Details -->
    <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
-      <h2 class="text-xl font-semibold mb-2">{{ firstName }} {{ lastName }}</h2>
+      <h2 v-if="givenName" class="text-xl font-semibold mb-2">
+        {{ givenName }}
+      </h2>
+      <span v-else>
+        <router-link
+          :to="{ name: 'new-edit-account' }"
+          class="text-xs bg-blue-500 text-white px-1.5 py-1 rounded-md"
+        >
+          (set name)
+        </router-link>
+      </span>

      <div class="text-slate-500 text-sm font-bold">ID</div>
      <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
@@ -67,53 +77,11 @@
        </button>
        <span v-show="showDidCopy">Copied!</span>
      </div>
-
-      <div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div>
-      <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
-        <code class="truncate">{{ publicBase64 }}</code>
-        <button
-          @click="
-            doCopyTwoSecRedo(publicBase64, () => (showB64Copy = !showB64Copy))
-          "
-          class="ml-2"
-        >
-          <fa icon="copy" class="text-slate-400 fa-fw"></fa>
-        </button>
-        <span v-show="showB64Copy">Copied!</span>
-      </div>
-
-      <div class="text-slate-500 text-sm font-bold">Public Key (hex)</div>
-      <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
-        <code class="truncate">{{ publicHex }}</code>
-        <button
-          @click="
-            doCopyTwoSecRedo(publicHex, () => (showPubCopy = !showPubCopy))
-          "
-          class="ml-2"
-        >
-          <fa icon="copy" class="text-slate-400 fa-fw"></fa>
-        </button>
-        <span v-show="showPubCopy">Copied!</span>
-      </div>
-
-      <div class="text-slate-500 text-sm font-bold">Derivation Path</div>
-      <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
-        <code class="truncate">{{ derivationPath }}</code>
-        <button
-          @click="
-            doCopyTwoSecRedo(derivationPath, () => (showDerCopy = !showDerCopy))
-          "
-          class="ml-2"
-        >
-          <fa icon="copy" class="text-slate-400 fa-fw"></fa>
-        </button>
-        <span v-show="showDerCopy">Copied!</span>
-      </div>
    </div>

    <router-link
      :to="{ name: 'new-edit-account' }"
-      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
+      class="block text-center text-lg font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md mb-2"
    >
      Edit Identity
    </router-link>
@@ -132,8 +100,10 @@
          )
        "
      >
+        <!-- label -->
+        <div>App Notifications</div>
        <!-- toggle -->
-        <div class="relative">
+        <div class="relative ml-2">
          <!-- input -->
          <input type="checkbox" name="toggleNotifications" class="sr-only" />
          <!-- line -->
@@ -143,8 +113,6 @@
            class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"
          ></div>
        </div>
-        <!-- label -->
-        <div class="ml-2">App Notifications</div>
      </label>
      <label
        for="toggleMuteNotifications"
@@ -159,8 +127,10 @@
          )
        "
      >
+        <!-- label -->
+        <div>Mute Notifications</div>
        <!-- toggle -->
-        <div class="relative">
+        <div class="relative ml-2">
          <!-- input -->
          <input
            type="checkbox"
@@ -174,8 +144,6 @@
            class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"
          ></div>
        </div>
-        <!-- label -->
-        <div class="ml-2">Mute Notifications</div>
      </label>
    </div>

@@ -192,32 +160,13 @@
      class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
      @click="exportDatabase()"
    >
-      Download Settings & Contacts (excluding Identifier Data)
+      Download Settings & Contacts
+      <br />
+      (excluding Identifier Data)
    </a>
    <a ref="downloadLink" />

-    <!-- QR code popup -->
-    <dialog id="dlgQR" class="backdrop:bg-black/75 rounded-md">
-      <div class="text-slate-500 text-center">
-        <b>ID:</b> <code>did:peer:kl45kj41lk451kl3</code>
-      </div>
-      <img src="/img/sample-qr-code.png" class="w-full mb-3" />
-
-      <button
-        value="cancel"
-        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
-      >
-        Copy to Clipboard
-      </button>
-      <button
-        value="cancel"
-        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
-      >
-        Close
-      </button>
-    </dialog>
-
-    <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>
@@ -244,20 +193,84 @@
      </div>
    </div>

+    <!-- id used by puppeteer test script -->
    <h3
+      id="advanced"
      class="text-sm uppercase font-semibold mb-3"
      @click="showAdvanced = !showAdvanced"
    >
      Advanced
    </h3>
+
    <div v-if="showAdvanced">
+      <!-- Deep Identity Details -->
+      <h2 class="text-slate-500 text-sm font-bold mb-2 py-2">
+        Deep Identity Details
+      </h2>
+      <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
+        <div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div>
+        <div
+          class="text-sm text-slate-500 flex justify-start items-center mb-1"
+        >
+          <code class="truncate">{{ publicBase64 }}</code>
+          <button
+            @click="
+              doCopyTwoSecRedo(publicBase64, () => (showB64Copy = !showB64Copy))
+            "
+            class="ml-2"
+          >
+            <fa icon="copy" class="text-slate-400 fa-fw"></fa>
+          </button>
+          <span v-show="showB64Copy">Copied!</span>
+        </div>
+
+        <div class="text-slate-500 text-sm font-bold">Public Key (hex)</div>
+        <div
+          class="text-sm text-slate-500 flex justify-start items-center mb-1"
+        >
+          <code class="truncate">{{ publicHex }}</code>
+          <button
+            @click="
+              doCopyTwoSecRedo(publicHex, () => (showPubCopy = !showPubCopy))
+            "
+            class="ml-2"
+          >
+            <fa icon="copy" class="text-slate-400 fa-fw"></fa>
+          </button>
+          <span v-show="showPubCopy">Copied!</span>
+        </div>
+
+        <div class="text-slate-500 text-sm font-bold">Derivation Path</div>
+        <div
+          class="text-sm text-slate-500 flex justify-start items-center mb-1"
+        >
+          <code class="truncate">{{ derivationPath }}</code>
+          <button
+            @click="
+              doCopyTwoSecRedo(
+                derivationPath,
+                () => (showDerCopy = !showDerCopy),
+              )
+            "
+            class="ml-2"
+          >
+            <fa icon="copy" class="text-slate-400 fa-fw"></fa>
+          </button>
+          <span v-show="showDerCopy">Copied!</span>
+        </div>
+      </div>
+
      <label
        for="toggleShowAmounts"
-        class="flex items-center cursor-pointer mb-6"
+        class="flex items-center cursor-pointer py-2"
        @click="handleChange"
      >
+        <!-- label -->
+        <h2 class="text-slate-500 text-sm font-bold mb-2">
+          Show amounts given with contacts
+        </h2>
        <!-- toggle -->
-        <div class="relative">
+        <div class="relative ml-2">
          <!-- input -->
          <input
            type="checkbox"
@@ -272,21 +285,31 @@
            class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"
          ></div>
        </div>
-        <!-- label -->
-        <div class="ml-2">Show amounts given with contacts</div>
      </label>

      <div class="flex py-2">
-        <router-link
-          :to="{ name: 'identity-switcher' }"
-          class="block text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
-        >
-          Switch Identity / No Identity
-        </router-link>
+        <button class="text-blue-500">
+          <!-- id used by puppeteer test script -->
+          <router-link
+            id="switch-identity-link"
+            :to="{ name: 'identity-switcher' }"
+            class="block text-center"
+          >
+            Switch Identity / No Identity
+          </router-link>
+        </button>
      </div>

      <div class="flex py-2">
-        Claim Server
+        <button class="text-blue-500">
+          <router-link :to="{ name: 'statistics' }" class="block text-center">
+            See Achievements & Statistics
+          </router-link>
+        </button>
+      </div>
+
+      <div class="flex py-4">
+        <h2 class="text-slate-500 text-sm font-bold mb-2">Claim Server</h2>
        <input
          type="text"
          class="block w-full rounded border border-slate-400 px-3 py-2"
@@ -318,17 +341,6 @@
          Use Local
        </button>
      </div>
-
-      <div>
-        <button class="text-blue-500">
-          <router-link
-            :to="{ name: 'statistics' }"
-            class="block text-center py-3"
-          >
-            See Achievements & Statistics
-          </router-link>
-        </button>
-      </div>
    </div>
  </section>
 </template>
@@ -339,11 +351,11 @@ import "dexie-export-import";
 import { Component, Vue } from "vue-facing-decorator";
 import { useClipboard } from "@vueuse/core";

+import QuickNav from "@/components/QuickNav.vue";
 import { AppString } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
-import QuickNav from "@/components/QuickNav.vue";
 import { IIdentifier } from "@veramo/core";
 import { ErrorResponse, RateLimits } from "@/libs/endorserServer";

@@ -364,14 +376,6 @@ interface IAccount {
  derivationPath: string;
 }

-interface SettingsType {
-  activeDid?: string;
-  apiServer?: string;
-  firstName?: string;
-  lastName?: string;
-  showContactGivesInline?: boolean;
-}
-
@Component({ components: { QuickNav } })
 export default class AccountViewView extends Vue {
  $notify!: (notification: Notification, timeout?: number) => void;
@@ -382,8 +386,8 @@ export default class AccountViewView extends Vue {
  apiServer = "";
  apiServerInput = "";
  derivationPath = "";
-  firstName = "";
-  lastName = "";
+  givenName = "";
+  isRegistered = false;
  numAccounts = 0;
  publicHex = "";
  publicBase64 = "";
@@ -398,8 +402,6 @@ export default class AccountViewView extends Vue {
  showPubCopy = false;

  showAdvanced = false;
-  alertMessage = "";
-  alertTitle = "";

  public async getIdentity(activeDid: string): Promise<IIdentifier | null> {
    try {
@@ -424,7 +426,7 @@ export default class AccountViewView extends Vue {
    }

    // Return parsed identity or null if not found
-    return JSON.parse(account?.identity || "null");
+    return JSON.parse((account?.identity as string) || "null");
  }

  /**
@@ -505,12 +507,14 @@ export default class AccountViewView extends Vue {
   * Initializes component state with values from the database or defaults.
   * @param {SettingsType} settings - Object containing settings from the database.
   */
-  initializeState(settings: SettingsType | undefined) {
-    this.activeDid = settings?.activeDid || "";
-    this.apiServer = settings?.apiServer || "";
-    this.apiServerInput = settings?.apiServer || "";
-    this.firstName = settings?.firstName || "";
-    this.lastName = settings?.lastName || "";
+  initializeState(settings: Settings | undefined) {
+    this.activeDid = (settings?.activeDid as string) || "";
+    this.apiServer = (settings?.apiServer as string) || "";
+    this.apiServerInput = (settings?.apiServer as string) || "";
+    this.givenName =
+      (settings?.firstName || "") +
+      (settings?.lastName ? ` ${settings.lastName}` : ""); // pre v 0.1.3
+    this.isRegistered = !!settings?.isRegistered;
    this.showContactGives = !!settings?.showContactGivesInline;
  }

@@ -527,7 +531,7 @@ export default class AccountViewView extends Vue {
    ) {
      this.publicHex = identity.keys[0].publicKeyHex;
      this.publicBase64 = Buffer.from(this.publicHex, "hex").toString("base64");
-      this.derivationPath = identity.keys[0].meta.derivationPath;
+      this.derivationPath = identity.keys[0].meta.derivationPath as string;

      db.settings.update(MASTER_SETTINGS_KEY, {
        activeDid: identity.did,
@@ -697,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);
@@ -725,8 +750,13 @@ export default class AccountViewView extends Vue {
  private handleRateLimitsError(error: unknown) {
    if (error instanceof AxiosError) {
      const data = error.response?.data as ErrorResponse;
-      this.limitsMessage = data?.error?.message || "Bad server response.";
-      console.error("Bad response retrieving limits:", error);
+      this.limitsMessage =
+        (data?.error?.message as string) || "Bad server response.";
+      console.log(
+        "Got bad response retrieving limits, which usually means user isn't registered. Server says:",
+        this.limitsMessage,
+        //error,
+      );
    } else if (
      error instanceof Error &&
      error.message ===
--- a/src/views/ContactGiftingView.vue
+++ b/src/views/ContactGiftingView.vue
@@ -16,10 +16,6 @@
      </h1>
    </div>

-    <!-- Quick Search -->
-
-    <!-- Initial Loading Animation -->
-
    <!-- Results List -->
    <ul class="border-t border-slate-300">
      <li class="border-b border-slate-300 py-3">
@@ -70,12 +66,7 @@
      </li>
    </ul>

-    <GiftedDialog
-      ref="customDialog"
-      @dialog-result="handleDialogResult"
-      message="Received from"
-    >
-    </GiftedDialog>
+    <GiftedDialog ref="customDialog" message="Received from"> </GiftedDialog>
  </section>
 </template>

@@ -83,16 +74,10 @@
 import { Component, Vue } from "vue-facing-decorator";
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import { db, accountsDB } from "@/db/index";
-import { AccountsSchema } from "@/db/tables/accounts";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { Account, AccountsSchema } from "@/db/tables/accounts";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
-import {
-  createAndSubmitGive,
-  CreateAndSubmitGiveResult,
-  ErrorResult,
-  GiverInputInfo,
-  GiverOutputInfo,
-} from "@/libs/endorserServer";
+import { GiverInputInfo } from "@/libs/endorserServer";
 import { Contact } from "@/db/tables/contacts";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
@@ -124,10 +109,10 @@ export default class ContactGiftingView extends Vue {

  public async getIdentity(activeDid: string) {
    await accountsDB.open();
-    const account = await accountsDB.accounts
+    const account = (await accountsDB.accounts
      .where("did")
      .equals(activeDid)
-      .first();
+      .first()) as Account;
    const identity = JSON.parse(account?.identity || "null");

    if (!identity) {
@@ -150,7 +135,7 @@ export default class ContactGiftingView extends Vue {
  async created() {
    try {
      await db.open();
-      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
      this.apiServer = settings?.apiServer || "";
      this.activeDid = settings?.activeDid || "";
      this.allContacts = await db.contacts.toArray();
@@ -173,123 +158,5 @@ export default class ContactGiftingView extends Vue {
  openDialog(giver: GiverInputInfo) {
    (this.$refs.customDialog as GiftedDialog).open(giver);
  }
-
-  handleDialogResult(result: GiverOutputInfo) {
-    if (result.action === "confirm") {
-      return new Promise((resolve) => {
-        this.recordGive(
-          result.giver?.did,
-          result.description,
-          result.hours,
-        ).then(() => {
-          resolve(null);
-        });
-      });
-    } else {
-      // action was "cancel" so do nothing
-    }
-  }
-
-  /**
-   *
-   * @param giverDid may be null
-   * @param description may be an empty string
-   * @param hours may be 0
-   */
-  public async recordGive(
-    giverDid?: string,
-    description?: string,
-    hours?: number,
-  ) {
-    if (!this.activeDid) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must select an identity before you can record a give.",
-        },
-        -1,
-      );
-      return;
-    }
-
-    if (!description && !hours) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must enter a description or some number of hours.",
-        },
-        -1,
-      );
-      return;
-    }
-
-    try {
-      const identity = await this.getIdentity(this.activeDid);
-      const result = await createAndSubmitGive(
-        this.axios,
-        this.apiServer,
-        identity,
-        giverDid,
-        this.activeDid,
-        description,
-        hours,
-      );
-
-      if (this.isGiveCreationError(result)) {
-        const errorMessage = this.getGiveCreationErrorMessage(result);
-        console.log("Error with give result:", result);
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text: errorMessage || "There was an error recording the give.",
-          },
-          -1,
-        );
-      } else {
-        this.$notify(
-          {
-            group: "alert",
-            type: "success",
-            title: "Success",
-            text: "That gift was recorded.",
-          },
-          -1,
-        );
-      }
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (error: any) {
-      console.log("Error with give caught:", error);
-
-      const message =
-        error.userMessage ||
-        error.response?.data?.error?.message ||
-        "There was an error recording the Give.";
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: message,
-        },
-        -1,
-      );
-    }
-  }
-
-  // Helper functions for readability
-
-  isGiveCreationError(result: CreateAndSubmitGiveResult) {
-    return result.type == "error";
-  }
-
-  getGiveCreationErrorMessage(result: CreateAndSubmitGiveResult) {
-    return (result as ErrorResult).error?.userMessage;
-  }
 }
 </script>
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@@ -108,7 +108,9 @@ export default class ContactQRScanShow extends Vue {
        iat: Date.now(),
        iss: this.activeDid,
        own: {
-          name: (settings?.firstName || "") + " " + (settings?.lastName || ""),
+          name:
+            (settings?.firstName || "") +
+            (settings?.lastName ? ` ${settings.lastName}` : ""), // deprecated, pre v 0.1.3
          publicEncKey,
        },
      };
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -93,6 +93,16 @@
              class="inline-block align-text-bottom border border-slate-300 rounded"
            ></EntityIcon>
            {{ contact.name || "(no name)" }}
+            <button
+              class="text-sm uppercase bg-slate-500 text-white px-1 rounded-md"
+              @click="
+                contactEdit = contact;
+                contactNewName = contact.name;
+              "
+              title="Edit"
+            >
+              <fa icon="pen" class="fa-fw" />
+            </button>
          </h2>
          <div class="text-sm truncate">{{ contact.did }}</div>
          <div class="text-sm truncate" v-if="contact.publicKeyBase64">
@@ -209,6 +219,31 @@
      </li>
    </ul>
    <p v-else>This identity has no contacts.</p>
+
+    <div v-if="contactEdit !== null" class="dialog-overlay">
+      <div class="dialog">
+        <h1 class="text-xl font-bold text-center mb-4">Edit Name</h1>
+        <input
+          type="text"
+          class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
+          placeholder="Name"
+          v-model="contactNewName"
+        />
+        <button
+          class="text-sm bg-blue-600 text-white px-2 py-1.5 rounded -ml-1.5 border-l border-blue-400"
+          @click="onClickSaveName(contactEdit, contactNewName)"
+        >
+          <fa icon="save" />
+        </button>
+        <span class="inline-block w-2" />
+        <button
+          class="text-sm bg-blue-600 text-white px-2 py-1.5 rounded -ml-1.5 border-l border-blue-400"
+          @click="onClickCancelName()"
+        >
+          <fa icon="ban" />
+        </button>
+      </div>
+    </div>
  </section>
 </template>

@@ -221,7 +256,7 @@ import { NotificationIface } from "@/constants/app";
 import { IIdentifier } from "@veramo/core";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import {
  accessToken,
  getContactPayloadFromJwtUrl,
@@ -236,6 +271,7 @@ import {
 import { Component, Vue } from "vue-facing-decorator";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
+import { Account } from "@/db/tables/accounts";

 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const Buffer = require("buffer/").Buffer;
@@ -251,6 +287,8 @@ export default class ContactsView extends Vue {
  contacts: Array<Contact> = [];
  contactEndorserUrl = localStorage.getItem("contactEndorserUrl") || "";
  contactInput = "";
+  contactEdit: Contact | null = null;
+  contactNewName = "";
  // { "did:...": concatenated-descriptions } entry for each contact
  givenByMeDescriptions: Record<string, string> = {};
  // { "did:...": amount } entry for each contact
@@ -271,7 +309,7 @@ export default class ContactsView extends Vue {

  async created() {
    await db.open();
-    const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
    this.activeDid = settings?.activeDid || "";
    this.apiServer = settings?.apiServer || "";

@@ -295,7 +333,7 @@ export default class ContactsView extends Vue {
  public async getIdentity(activeDid: string) {
    await accountsDB.open();
    const accounts = await accountsDB.accounts.toArray();
-    const account = R.find((acc) => acc.did === activeDid, accounts);
+    const account = R.find((acc) => acc.did === activeDid, accounts) as Account;
    const identity = JSON.parse(account?.identity || "null");

    if (!identity) {
@@ -357,7 +395,7 @@ export default class ContactsView extends Vue {
          {
            group: "alert",
            type: "danger",
-            title: "Error With Server",
+            title: "Server Error",
            text:
              "Got an error retrieving your " +
              (useRecipient ? "given" : "received") +
@@ -416,7 +454,7 @@ export default class ContactsView extends Vue {
        {
          group: "alert",
          type: "danger",
-          title: "Error With Server",
+          title: "Server Error",
          text: error as string,
        },
        -1,
@@ -552,6 +590,16 @@ export default class ContactsView extends Vue {
          "?",
      )
    ) {
+      this.$notify(
+        {
+          group: "alert",
+          type: "toast",
+          text: "",
+          title: "Registration submitted...",
+        },
+        1000,
+      );
+
      const identity = await this.getIdentity(this.activeDid);

      const vcClaim: RegisterVerifiableCredential = {
@@ -634,7 +682,7 @@ export default class ContactsView extends Vue {
            {
              group: "alert",
              type: "danger",
-              title: "Error With Server",
+              title: "Server Error",
              text: userMessage,
            },
            -1,
@@ -659,36 +707,30 @@ export default class ContactsView extends Vue {
        contact.seesMe = visibility;
        db.contacts.update(contact.did, { seesMe: visibility });
      } else {
-        console.error("Bad response setting visibility: ", resp.data);
-        if (resp.data.error?.message) {
-          this.$notify(
-            {
-              group: "alert",
-              type: "danger",
-              title: "Error With Server",
-              text: resp.data.error?.message,
-            },
-            -1,
-          );
-        } else {
-          this.$notify(
-            {
-              group: "alert",
-              type: "danger",
-              title: "Error With Server",
-              text: "Bad server response of " + resp.status,
-            },
-            -1,
-          );
-        }
+        console.error(
+          "Got some bad server response when setting visibility: ",
+          resp,
+        );
+        const message =
+          resp.data.error?.message || "Bad server response of " + resp.status;
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Server Error",
+            text: message,
+          },
+          -1,
+        );
      }
    } catch (err) {
+      console.error("Got some server error when setting visibility:", err);
      this.$notify(
        {
          group: "alert",
          type: "danger",
-          title: "Error With Server",
-          text: err as string,
+          title: "Server Error",
+          text: "Check connectivity and try again.",
        },
        -1,
      );
@@ -713,7 +755,7 @@ export default class ContactsView extends Vue {
        this.$notify(
          {
            group: "alert",
-            type: "toast",
+            type: "info",
            title: "Refreshed",
            text:
              this.nameForContact(contact, true) +
@@ -721,38 +763,29 @@ export default class ContactsView extends Vue {
              (visibility ? "" : "not ") +
              "see your activity.",
          },
-          5000,
+          -1,
        );
      } else {
-        if (resp.data.error?.message) {
-          this.$notify(
-            {
-              group: "alert",
-              type: "danger",
-              title: "Error With Server",
-              text: resp.data.error?.message,
-            },
-            -1,
-          );
-        } else {
-          this.$notify(
-            {
-              group: "alert",
-              type: "danger",
-              title: "Error With Server",
-              text: "Bad server response of " + resp.status,
-            },
-            -1,
-          );
-        }
+        console.log("Got bad server response when checking visibility: ", resp);
+        const message = resp.data.error?.message || "Got bad server response.";
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Server Error",
+            text: message,
+          },
+          -1,
+        );
      }
    } catch (err) {
+      console.log("Caught error from server request to check visibility:", err);
      this.$notify(
        {
          group: "alert",
          type: "danger",
-          title: "Error With Server",
-          text: err as string,
+          title: "Server Error",
+          text: "Check connectivity and try again.",
        },
        -1,
      );
@@ -952,7 +985,7 @@ export default class ContactsView extends Vue {
          {
            group: "alert",
            type: "danger",
-            title: "Error With Server",
+            title: "Server Error",
            text: userMessage,
          },
          -1,
@@ -961,6 +994,18 @@ export default class ContactsView extends Vue {
    }
  }

+  private async onClickCancelName() {
+    this.contactEdit = null;
+    this.contactNewName = "";
+  }
+
+  private async onClickSaveName(contact: Contact, newName: string) {
+    contact.name = newName;
+    return db.contacts
+      .update(contact.did, { name: newName })
+      .then(() => (this.contactEdit = null));
+  }
+
  public toggleShowGiveTotals() {
    if (this.showGiveTotals) {
      this.showGiveTotals = false;
@@ -985,6 +1030,26 @@ export default class ContactsView extends Vue {
 </script>

 <style>
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1.5rem;
+}
+.dialog {
+  background-color: white;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  width: 100%;
+  max-width: 500px;
+}
+
 /* Tooltip from https://www.w3schools.com/css/css_tooltip.asp */
 /* Tooltip container */
 .tooltip {
@@ -992,7 +1057,6 @@ export default class ContactsView extends Vue {
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
 }
-
 /* Tooltip text */
 .tooltip .tooltiptext {
  visibility: hidden;
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@@ -41,14 +41,15 @@
        You need someone to register you -- usually the person who told you
        about this app, on the Contacts
        <fa icon="circle-user" class="fa-fw" /> page. After they register you,
-        and after you have contacts, you can select any contact on the home page
-        and record your appreciation for... whatever. That is a claim recorded
+        you can select any contact on the home page (or "anonymous") and record
+        your appreciation for... whatever. The main goal is to record what
+        people have given you, to grow gifting economies. Each claim is recorded
        on a custom ledger. The day after being registered, you'll be able to
-        register others; later, you can create projects, too.
+        able to register others; later, you can create projects, too.
      </p>
      <p>
-        Note that there are limits to how many each person can register, so you
-        may have to wait.
+        Note that there are limits to how many others each person can register,
+        so you may have to wait.
      </p>

      <h2 class="text-xl font-semibold">How do I backup all my data?</h2>
@@ -130,7 +131,9 @@

      <h2 class="text-xl font-semibold">How do I create another identity?</h2>
      <p>
-        Go
+        Before doing this, note that it is an advanced feature that affects
+        functionality (eg. the words "Alt ID" next to results, backup features)
+        so beware if you think that may cause confusion. You can
        <router-link to="start" class="text-blue-500">
          create another identity here.
        </router-link>
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -6,198 +6,82 @@
      Time Safari
    </h1>

+    <!-- show the actions for recognizing a give -->
    <div class="mb-8">
-      <h2 class="text-xl font-bold mb-4">Notiwind Alert Test Suite</h2>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'alert',
-              type: 'toast',
-              text: 'I\'m a toast. Don\'t mind me.',
-            },
-            5000,
-          )
-        "
-        class="font-bold uppercase bg-slate-400 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Toast (self-dismiss)
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'alert',
-              type: 'info',
-              title: 'Information Alert',
-              text: 'Just wanted you to know.',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Info
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'alert',
-              type: 'success',
-              title: 'Success Alert',
-              text: 'Congratulations!',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Success
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'alert',
-              type: 'warning',
-              title: 'Warning Alert',
-              text: 'You might wanna look at this.',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-amber-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Warning
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'alert',
-              type: 'danger',
-              title: 'Danger Alert',
-              text: 'Something terrible has happened!',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-rose-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Danger
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'modal',
-              type: 'notification-permission',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Notif ON
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'modal',
-              type: 'notification-mute',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Notif MUTE
-      </button>
-
-      <button
-        @click="
-          this.$notify(
-            {
-              group: 'modal',
-              type: 'notification-off',
-            },
-            -1,
-          )
-        "
-        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
-      >
-        Notif OFF
-      </button>
-    </div>
-
-    <div class="mb-8">
-      <h2 class="text-xl font-bold">Quick Action</h2>
-      <p class="mb-4">Record a gift from a contact:</p>
-
-      <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
-          </h3>
-        </li>
-        <li
-          v-for="contact in allContacts"
-          :key="contact.did"
-          @click="openDialog(contact)"
+      <div v-if="!activeDid">
+        To record others' giving,
+        <router-link :to="{ name: 'start' }" class="text-blue-500">
+          create your identifier.</router-link
        >
-          <EntityIcon
-            :entityId="contact.did"
-            :iconSize="64"
-            class="mx-auto border border-slate-300 rounded-md mb-1"
-          ></EntityIcon>
-          <h3
-            class="text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden"
+      </div>
+
+      <div v-else-if="!isRegistered">
+        To record others' giving, someone must register your account, so show
+        them
+        <router-link :to="{ name: 'contact-qr' }" class="text-blue-500">
+          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 }}
-          </h3>
-        </li>
-      </ul>
+            <EntityIcon
+              :entityId="contact.did"
+              :iconSize="64"
+              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) -->
-      <router-link
-        v-if="allContacts.length > 7"
-        :to="{ name: 'contact-gives' }"
-        class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
-      >
-        Show More Contacts&hellip;
-      </router-link>
+        <!-- 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
+          v-if="allContacts.length >= 7"
+          :to="{ name: 'contact-gives' }"
+          class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
+        >
+          Show More Contacts&hellip;
+        </router-link>

-      <!-- If there are no contacts, show this instead: -->
-      <div
-        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"
-      >
-        (No contacts to show.)
+        <!-- If there are no contacts, show this instead: -->
+        <div
+          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"
+        >
+          (No contacts to show.)
+        </div>
      </div>
    </div>

-    <GiftedDialog
-      ref="customDialog"
-      @dialog-result="handleDialogResult"
-      message="Received from"
-    >
-    </GiftedDialog>
+    <GiftedDialog ref="customDialog" message="Received from"> </GiftedDialog>

    <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
      <h2 class="text-xl font-bold mb-4">Latest Activity</h2>
@@ -233,19 +117,18 @@
 import { Component, Vue } from "vue-facing-decorator";
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import { db, accountsDB } from "@/db/index";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
 import {
-  createAndSubmitGive,
  didInfo,
  GiverInputInfo,
-  GiverOutputInfo,
  GiveServerRecord,
 } from "@/libs/endorserServer";
 import { Contact } from "@/db/tables/contacts";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
 import { IIdentifier } from "@veramo/core";
+import { Account } from "@/db/tables/accounts";

 interface Notification {
  group: string;
@@ -269,6 +152,7 @@ export default class HomeView extends Vue {
  feedPreviousOldestId?: string;
  feedLastViewedId?: string;
  isHiddenSpinner = true;
+  isRegistered = false;
  numAccounts = 0;

  async beforeCreate() {
@@ -278,10 +162,10 @@ export default class HomeView extends Vue {

  public async getIdentity(activeDid: string) {
    await accountsDB.open();
-    const account = await accountsDB.accounts
+    const account = (await accountsDB.accounts
      .where("did")
      .equals(activeDid)
-      .first();
+      .first()) as Account;
    const identity = JSON.parse(account?.identity || "null");

    if (!identity) {
@@ -308,11 +192,12 @@ export default class HomeView extends Vue {
      this.allMyDids = allAccounts.map((acc) => acc.did);

      await db.open();
-      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
      this.apiServer = settings?.apiServer || "";
      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) {
@@ -338,7 +223,9 @@ export default class HomeView extends Vue {
    if (this.activeDid) {
      await accountsDB.open();
      const allAccounts = await accountsDB.accounts.toArray();
-      const account = allAccounts.find((acc) => acc.did === this.activeDid);
+      const account = allAccounts.find(
+        (acc) => acc.did === this.activeDid,
+      ) as Account;
      const identity = JSON.parse(account?.identity || "null");

      if (!identity) {
@@ -415,6 +302,7 @@ export default class HomeView extends Vue {
  }

  giveDescription(giveRecord: GiveServerRecord) {
+    // similar code is in endorser-mobile utility.ts
    // claim.claim happen for some claims wrapped in a Verifiable Credential
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const claim = (giveRecord.fullClaim as any).claim || giveRecord.fullClaim;
@@ -427,9 +315,18 @@ export default class HomeView extends Vue {
      this.allMyDids,
      this.allContacts,
    );
-    const gaveAmount = claim.object?.amountOfThisGood
+    let gaveAmount = claim.object?.amountOfThisGood
      ? this.displayAmount(claim.object.unitCode, claim.object.amountOfThisGood)
-      : claim.description || "something unknown";
+      : "";
+    if (claim.description) {
+      if (gaveAmount) {
+        gaveAmount = gaveAmount + ", and also: ";
+      }
+      gaveAmount = gaveAmount + claim.description;
+    }
+    if (!gaveAmount) {
+      gaveAmount = "something not described";
+    }
    // recipient.did is for legacy data, before March 2023
    const gaveRecipientId =
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -443,7 +340,7 @@ export default class HomeView extends Vue {
          this.allContacts,
        )
      : "";
-    return giverInfo + " gave " + gaveAmount + gaveRecipientInfo;
+    return giverInfo + " gave" + gaveRecipientInfo + ": " + gaveAmount;
  }

  displayAmount(code: string, amt: number) {
@@ -457,124 +354,5 @@ export default class HomeView extends Vue {
  openDialog(giver: GiverInputInfo) {
    (this.$refs.customDialog as GiftedDialog).open(giver);
  }
-
-  handleDialogResult(result: GiverOutputInfo) {
-    if (result.action === "confirm") {
-      return new Promise((resolve) => {
-        this.recordGive(
-          result.giver?.did,
-          result.description,
-          result.hours,
-        ).then(() => {
-          resolve(null);
-        });
-      });
-    } else {
-      // action was "cancel" so do nothing
-    }
-  }
-
-  /**
-   *
-   * @param giverDid may be null
-   * @param description may be an empty string
-   * @param hours may be 0
-   */
-  public async recordGive(
-    giverDid?: string,
-    description?: string,
-    hours?: number,
-  ) {
-    if (!this.activeDid) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must select an identity before you can record a give.",
-        },
-        -1,
-      );
-      return;
-    }
-
-    if (!description && !hours) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must enter a description or some number of hours.",
-        },
-        -1,
-      );
-      return;
-    }
-
-    try {
-      const identity = await this.getIdentity(this.activeDid);
-      const result = await createAndSubmitGive(
-        this.axios,
-        this.apiServer,
-        identity,
-        giverDid,
-        this.activeDid,
-        description,
-        hours,
-      );
-
-      if (this.isGiveCreationError(result)) {
-        const errorMessage = this.getGiveCreationErrorMessage(result);
-        console.log("Error with give result:", result);
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text: errorMessage || "There was an error recording the give.",
-          },
-          -1,
-        );
-      } else {
-        this.$notify(
-          {
-            group: "alert",
-            type: "success",
-            title: "Success",
-            text: "That gift was recorded.",
-          },
-          -1,
-        );
-      }
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (error: any) {
-      console.log("Error with give caught:", error);
-      const message =
-        error.userMessage ||
-        error.response?.data?.error?.message ||
-        "There was an error recording the give.";
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: message,
-        },
-        -1,
-      );
-    }
-  }
-
-  // Helper functions for readability
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  isGiveCreationError(result: any) {
-    return result.status !== 201 || result.data?.error;
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  getGiveCreationErrorMessage(result: any) {
-    return result.data?.error?.message;
-  }
 }
 </script>
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@@ -22,7 +22,7 @@
      <fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa>
      <span class="overflow-hidden">
        <h2 class="text-xl font-semibold mb-0">
-          {{ firstName }} {{ lastName }}
+          {{ givenName }}
        </h2>
        <div class="text-sm text-slate-500 truncate">
          <b>ID:</b> <code>{{ activeDid }}</code>
@@ -49,7 +49,9 @@
    </ul>

    <!-- Actions -->
+    <!-- id used by puppeteer test script -->
    <router-link
+      id="start-link"
      :to="{ name: 'start' }"
      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
    >
@@ -69,7 +71,7 @@ import { Component, Vue } from "vue-facing-decorator";
 import { AppString } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { AccountsSchema } from "@/db/tables/accounts";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import QuickNav from "@/components/QuickNav.vue";

 interface Notification {
@@ -88,8 +90,7 @@ export default class IdentitySwitcherView extends Vue {
  public activeDid = "";
  public apiServer = "";
  public apiServerInput = "";
-  public firstName = "";
-  public lastName = "";
+  public givenName = "";
  public otherIdentities: Array<{ did: string }> = [];
  public showContactGives = false;

@@ -99,19 +100,20 @@ export default class IdentitySwitcherView extends Vue {
      .where("did")
      .equals(activeDid)
      .first();
-    const identity = JSON.parse(account?.identity || "null");
+    const identity = JSON.parse((account?.identity as string) || "null");
    return identity;
  }

  async created() {
    try {
      await db.open();
-      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
      this.activeDid = settings?.activeDid || "";
      this.apiServer = settings?.apiServer || "";
      this.apiServerInput = settings?.apiServer || "";
-      this.firstName = settings?.firstName || "No";
-      this.lastName = settings?.lastName || "Name";
+      this.givenName =
+        (settings?.firstName || "") +
+        (settings?.lastName ? ` ${settings.lastName}` : ""); // deprecated, pre v 0.1.3
      this.showContactGives = !!settings?.showContactGivesInline;

      const identity = await this.getIdentity(this.activeDid);
@@ -149,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 || "";
--- a/src/views/ImportAccountView.vue
+++ b/src/views/ImportAccountView.vue
@@ -17,7 +17,9 @@
    <p class="text-center text-xl mb-4 font-light">
      Enter your seed phrase below to import your identity on this device.
    </p>
+    <!-- id used by puppeteer test script -->
    <input
+      id="seed-input"
      type="text"
      placeholder="Seed Phrase"
      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
--- a/src/views/NewEditAccountView.vue
+++ b/src/views/NewEditAccountView.vue
@@ -10,21 +10,15 @@
        >
          <fa icon="chevron-left" class="fa-fw"></fa>
        </button>
-        [New/Edit] Identity
+        Edit Identity
      </h1>
    </div>

    <input
      type="text"
-      placeholder="First Name"
+      placeholder="Name"
      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-model="firstName"
-    />
-    <input
-      type="text"
-      placeholder="Last Name"
-      class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-model="lastName"
+      v-model="givenName"
    />

    <div class="mt-8">
@@ -50,36 +44,30 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 import { db } from "@/db/index";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";

@Component({
  components: {},
 })
 export default class NewEditAccountView extends Vue {
-  firstName =
-    localStorage.getItem("firstName") === null
-      ? "--"
-      : localStorage.getItem("firstName");
-  lastName =
-    localStorage.getItem("lastName") === null
-      ? "--"
-      : localStorage.getItem("lastName");
+  givenName = "";

  // 'created' hook runs when the Vue instance is first created
  async created() {
    await db.open();
-    const settings = await db.settings.get(MASTER_SETTINGS_KEY);
-    this.firstName = settings?.firstName || "";
-    this.lastName = settings?.lastName || "";
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
+    this.givenName =
+      (settings?.firstName || "") +
+      (settings?.lastName ? ` ${settings.lastName}` : ""); // deprecated, pre v 0.1.3
  }

  onClickSaveChanges() {
    db.settings.update(MASTER_SETTINGS_KEY, {
-      firstName: this.firstName,
-      lastName: this.lastName,
+      firstName: this.givenName,
+      lastName: "", // deprecated, pre v 0.1.3
    });
-    localStorage.setItem("firstName", this.firstName as string);
-    localStorage.setItem("lastName", this.lastName as string);
+    localStorage.setItem("firstName", this.givenName as string);
+    localStorage.setItem("lastName", ""); // deprecated, pre v 0.1.3
    this.$router.push({ name: "account" });
  }

--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -1,4 +1,5 @@
 <template>
+  <QuickNav selected="Projects"></QuickNav>
  <!-- CONTENT -->
  <section id="Content" class="p-6 pb-24">
    <!-- Breadcrumb -->
@@ -107,6 +108,7 @@ import * as didJwt from "did-jwt";
 import { Component, Vue } from "vue-facing-decorator";
 import { LMap, LMarker, LTileLayer } from "@vue-leaflet/vue-leaflet";

+import QuickNav from "@/components/QuickNav.vue";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken, SimpleSigner } from "@/libs/crypto";
@@ -122,7 +124,7 @@ interface Notification {
 }

@Component({
-  components: { LMap, LMarker, LTileLayer },
+  components: { LMap, LMarker, LTileLayer, QuickNav },
 })
 export default class NewEditProjectView extends Vue {
  $notify!: (notification: Notification, timeout?: number) => void;
--- a/src/views/NewIdentifierView.vue
+++ b/src/views/NewIdentifierView.vue
@@ -46,7 +46,7 @@ import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import QuickNav from "@/components/QuickNav.vue";

@Component({ components: { QuickNav } })
-export default class AccountViewView extends Vue {
+export default class NewIdentifierView extends Vue {
  loading = true;

  async mounted() {
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -102,7 +102,7 @@
          <h3
            class="text-xs italic font-medium text-ellipsis whitespace-nowrap overflow-hidden"
          >
-            Anonymous
+            Anonymous/Unnamed
          </h3>
        </li>
        <li
@@ -125,7 +125,7 @@

      <!-- 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
-        v-if="allContacts.length > 7"
+        v-if="allContacts.length >= 7"
        :to="{ name: 'contact-gives' }"
        class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
      >
@@ -196,8 +196,8 @@

    <GiftedDialog
      ref="customDialog"
-      @dialog-result="handleDialogResult"
      message="Received from"
+      :projectId="this.projectId"
    >
    </GiftedDialog>
  </section>
@@ -212,18 +212,16 @@ import { Component, Vue } from "vue-facing-decorator";
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
-import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
 import {
-  createAndSubmitGive,
  didInfo,
  GiverInputInfo,
-  GiverOutputInfo,
  GiveServerRecord,
-  ResultWithType,
 } from "@/libs/endorserServer";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
+import { Account } from "@/db/tables/accounts";

 interface Notification {
  group: string;
@@ -257,7 +255,7 @@ export default class ProjectViewView extends Vue {

  async created() {
    await db.open();
-    const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
    this.activeDid = settings?.activeDid || "";
    this.apiServer = settings?.apiServer || "";
    this.allContacts = await db.contacts.toArray();
@@ -266,17 +264,17 @@ export default class ProjectViewView extends Vue {
    const accounts = accountsDB.accounts;
    const accountsArr = await accounts?.toArray();
    this.allMyDids = accountsArr.map((acc) => acc.did);
-    const account = accountsArr?.find((acc) => acc.did === this.activeDid);
+    const account = accountsArr.find((acc) => acc.did === this.activeDid);
    const identity = JSON.parse(account?.identity || "null");
    this.LoadProject(identity);
  }

  public async getIdentity(activeDid: string) {
    await accountsDB.open();
-    const account = await accountsDB.accounts
+    const account = (await accountsDB.accounts
      .where("did")
      .equals(activeDid)
-      .first();
+      .first()) as Account;
    const identity = JSON.parse(account?.identity || "null");

    if (!identity) {
@@ -461,11 +459,6 @@ export default class ProjectViewView extends Vue {
    }
  }

-  openDialog(contact: GiverInputInfo) {
-    const dialog: GiftedDialog = this.$refs.customDialog as GiftedDialog;
-    dialog.open(contact);
-  }
-
  getOpenStreetMapUrl() {
    // Google URL is https://maps.google.com/?q=LAT,LONG
    return (
@@ -480,96 +473,8 @@ export default class ProjectViewView extends Vue {
    );
  }

-  handleDialogResult(result: GiverOutputInfo) {
-    if (result.action === "confirm") {
-      return new Promise((resolve) => {
-        this.recordGive(
-          result.giver?.did,
-          result.description,
-          result.hours,
-        ).then(() => {
-          resolve(null);
-        });
-      });
-    } else {
-      // action was not "confirm" so do nothing
-    }
-  }
-
-  /**
-   *
-   * @param giverDid may be null
-   * @param description may be an empty string
-   * @param hours may be 0
-   */
-  async recordGive(giverDid?: string, description?: string, hours?: number) {
-    if (!this.activeDid) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must select an identity before you can record a give.",
-        },
-        -1,
-      );
-      return;
-    }
-
-    if (!description && !hours) {
-      this.$notify(
-        {
-          group: "alert",
-          type: "danger",
-          title: "Error",
-          text: "You must enter a description or some number of hours.",
-        },
-        -1,
-      );
-    } else {
-      const identity = await this.getIdentity(this.activeDid);
-      const result = await createAndSubmitGive(
-        this.axios,
-        this.apiServer,
-        identity,
-        giverDid,
-        this.activeDid,
-        description,
-        hours,
-        this.projectId,
-      );
-      if (result.type == "success") {
-        this.$notify(
-          {
-            group: "alert",
-            type: "success",
-            title: "Success",
-            text: "That gift was recorded.",
-          },
-          -1,
-        );
-      } else {
-        console.log("Error with give creation:", result);
-        if (result.type != "error") {
-          console.log(
-            "... and it has an unexpected result type of",
-            (result as ResultWithType).type,
-          );
-        }
-        const message =
-          result?.error?.userMessage ||
-          "There was an error recording the Give.";
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text: message,
-          },
-          -1,
-        );
-      }
-    }
+  openDialog(contact: GiverInputInfo) {
+    (this.$refs.customDialog as GiftedDialog).open(contact);
  }
 }
 </script>
--- a/src/views/StartView.vue
+++ b/src/views/StartView.vue
@@ -8,7 +8,8 @@
      Start Here
    </h1>

-    <div class="mt-8">
+    <!-- id used by puppeteer test script -->
+    <div id="start-question" class="mt-8">
      <p class="text-center text-xl mb-4 font-light">
        Do you have an identity to import?
      </p>
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@@ -0,0 +1,151 @@
+<template>
+  <QuickNav selected="Profile"></QuickNav>
+  <!-- CONTENT -->
+  <section id="Content" class="p-6 pb-24">
+    <!-- Heading -->
+    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
+      Test
+    </h1>
+
+    <div class="mb-8">
+      <h2 class="text-xl font-bold mb-4">Notiwind Alert Test Suite</h2>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'toast',
+              text: 'I\'m a toast. Don\'t mind me.',
+            },
+            5000,
+          )
+        "
+        class="font-bold uppercase bg-slate-400 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Toast (self-dismiss)
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'info',
+              title: 'Information Alert',
+              text: 'Just wanted you to know.',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Info
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'success',
+              title: 'Success Alert',
+              text: 'Congratulations!',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Success
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'warning',
+              title: 'Warning Alert',
+              text: 'You might wanna look at this.',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-amber-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Warning
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'danger',
+              title: 'Danger Alert',
+              text: 'Something terrible has happened!',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-rose-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Danger
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'modal',
+              type: 'notification-permission',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Notif ON
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'modal',
+              type: 'notification-mute',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Notif MUTE
+      </button>
+
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'modal',
+              type: 'notification-off',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Notif OFF
+      </button>
+    </div>
+  </section>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from "vue-facing-decorator";
+import QuickNav from "@/components/QuickNav.vue";
+
+@Component({ components: { QuickNav } })
+export default class Help extends Vue {}
+</script>
Author	SHA1	Message	Date
Trent Larson	85bd807bcc	allow view of feed without an identifier	2023-11-05 21:46:46 -07:00
Trent Larson	eeece8a1b4	refactor UI & remove unused code on account screen	2023-11-05 18:15:52 -07:00
Trent Larson	bbfc1e1007	modify naming for unnamed gifter	2023-11-05 18:05:59 -07:00
Trent Larson	433d0c023e	refactor look of identity page	2023-11-05 17:55:03 -07:00
Trent Larson	ac6376243b	refactor name setting and other small messaging & types	2023-11-05 17:30:23 -07:00
Trent Larson	a12f033b72	refactor type that was a duplication	2023-11-05 17:02:24 -07:00
Trent Larson	42cd7d00de	fix message to user	2023-11-05 17:02:05 -07:00
Trent Larson	c388cc8cfe	remove lastName and just have a single name field	2023-11-05 16:34:18 -07:00
Trent Larson	6d4d4e40c3	Merge branch 'master' into more-smalls	2023-11-05 15:55:13 -07:00
Trent Larson	3b39faf173	fix linting error	2023-11-05 15:51:47 -07:00
Trent Larson	f43ecc98aa	tweak notifications on errors and other responses	2023-11-05 08:29:36 -07:00
Trent Larson	5b7ccf9ef0	fix where the project ID was not included; fix the pause when submitting give & show toast of aknowledgement; remove 'emit'	2023-11-05 07:46:16 -07:00
Trent Larson	9bacd4da87	consolidate into GiftedDialog because the result was always the same	2023-11-04 18:48:31 -06:00
trentlarson	7450d8d1c3	Merge pull request 'more miscellany' (#75 ) from misc2 into master Reviewed-on: trent_larson/crowd-funder-for-time-pwa#75	2023-11-04 00:14:20 -04:00
Trent Larson	7490cfc557	Merge branch 'master' into misc2	2023-11-03 22:12:31 -06:00
trentlarson	95287e4dd0	Merge pull request 'add IDs for puppeteer test script' (#74 ) from ids-for-tests into master Reviewed-on: trent_larson/crowd-funder-for-time-pwa#74	2023-11-03 21:50:08 -04:00
trentlarson	679d1a70e8	Merge pull request 'allow edit of a contact's name' (#73 ) from contact-edit into master Reviewed-on: trent_larson/crowd-funder-for-time-pwa#73	2023-11-03 21:49:40 -04:00
trentlarson	047fb263dd	Merge pull request 'a couple of fixes' (#72 ) from fixes into master Reviewed-on: trent_larson/crowd-funder-for-time-pwa#72	2023-11-03 21:49:12 -04:00
trentlarson	b76cf28bc2	Merge pull request 'edit text on the help page' (#70 ) from misc into master Reviewed-on: trent_larson/crowd-funder-for-time-pwa#70	2023-11-03 21:47:45 -04:00
Trent Larson	58c091cdaa	add test view to hold testing functionality	2023-11-03 16:48:34 -06:00
Trent Larson	0df5a975f3	add bottom navigation to edit-plan page	2023-11-03 16:17:25 -06:00
Trent Larson	94051e6ba9	revert changes that are contained in other PRs	2023-11-03 13:27:50 -06:00
Trent Larson	8e60f53f0b	fix name of class to match the file name (and avoid clash with existing class)	2023-11-03 13:23:11 -06:00
Trent Larson	afc48a5434	add IDs for puppeteer test script	2023-11-03 13:19:42 -06:00
Trent Larson	6eb3381a98	enhancements to contact name edit	2023-11-03 10:24:48 -06:00
Trent Larson	2bec218cc5	allow edit of a contact's name	2023-11-02 20:50:33 -06:00
Trent Larson	327c655fb3	add a couple more tasks	2023-11-02 09:15:21 -06:00
Trent Larson	866aad069f	add multiple new tasks based on board meeting feedback	2023-11-02 09:04:42 -06:00
Trent Larson	7f6c938029	fix display of given items; bump version to 0.1.2	2023-11-01 09:09:20 -06:00
Trent Larson	6d2df4a50c	fix the error message on a successful result	2023-11-01 08:56:22 -06:00
Trent Larson	7305606546	improve give descriptions, bump to v 0.1.1	2023-10-31 20:53:39 -06:00
Trent Larson	2a9ff8aa77	add some instructions and other tasks	2023-10-31 20:19:21 -06:00
Trent Larson	829994491c	improve messages for feed summaries	2023-10-31 19:58:37 -06:00
Trent Larson	ce06e8f0fa	update derivation path to the one for time	2023-10-31 19:58:07 -06:00
trentlarson	1ee751eea8	Merge pull request 'add QR scanner for adding a contact' (#69 ) from qr-reader-rebased into master	2023-10-31 10:34:59 -04:00
Trent Larson	116b239616	change derivation path, add task to test app updating	2023-09-15 15:00:33 -06:00
Trent Larson	f47346cc35	edit text on the help page	2023-09-09 08:13:55 -06:00