From e00d22017a16feda015394eb46ff419e53d5eb61 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 25 Oct 2024 15:12:06 -0600
Subject: [PATCH] bump to version 0.3.31, tweak messaging to include offers

---
 CHANGELOG.md                        |  5 +++
 package-lock.json                   |  4 +-
 package.json                        |  2 +-
 src/components/OnboardingDialog.vue | 69 +++++++++++++++++++++++------
 src/views/AccountViewView.vue       |  4 +-
 src/views/GiftedDetailsView.vue     |  2 +-
 src/views/InviteOneView.vue         |  7 ++-
 src/views/ProjectsView.vue          |  6 +--
 8 files changed, 74 insertions(+), 25 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 35042f24f..7ac156476 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,11 @@ 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).
 
 
+## [0.3.31]
+### Changed
+- Onboarding messages about offers
+
+
 ## [0.3.30]
 ### Added
 - Onboarding messages
diff --git a/package-lock.json b/package-lock.json
index 5866aa3f7..8fcfba2b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.30",
+      "version": "0.3.31",
       "dependencies": {
         "@dicebear/collection": "^5.4.1",
         "@dicebear/core": "^5.4.1",
diff --git a/package.json b/package.json
index 251d3e068..47e939b54 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",
diff --git a/src/components/OnboardingDialog.vue b/src/components/OnboardingDialog.vue
index 7b22cfb91..ffa694dc6 100644
--- a/src/components/OnboardingDialog.vue
+++ b/src/components/OnboardingDialog.vue
@@ -2,10 +2,16 @@
 <template>
   <div v-if="visible" class="dialog-overlay">
     <div v-if="page === OnboardPage.Home" class="dialog">
-      <h1 class="text-xl font-bold text-center mb-4">
+      <h1 class="text-xl font-bold text-center mb-4 relative">
         Welcome to Time Safari
         <br />
         - Showcasing Gratitude & Magnifing Time
+        <div
+          class="text-lg text-center leading-none absolute right-0 -top-1"
+          @click="onClickClose(true)"
+        >
+          <fa icon="xmark" class="w-[1em]"></fa>
+        </div>
       </h1>
 
       <p v-if="isRegistered" class="mt-4">
@@ -23,7 +29,7 @@
         appreciation, too.
       </p>
 
-      <p class="mt-4 flex items-center">
+      <p class="mt-4">
         The more you illuminate cool things people are doing, the more you
         attract people to work together with you.
       </p>
@@ -68,15 +74,30 @@
     </div>
 
     <div v-if="page === OnboardPage.Discover" class="dialog">
-      <h1 class="text-xl font-bold text-center mb-4">
-        Find Interesting Events & Projects
+      <h1 class="text-xl font-bold text-center mb-4 relative">
+        Offer to Interesting Events & People
+        <div
+          class="text-lg text-center leading-none absolute right-0 -top-1"
+          @click="onClickClose(true)"
+        >
+          <fa icon="xmark" class="w-[1em]"></fa>
+        </div>
       </h1>
 
       <p>
-        It turns out that people in groups have more to be grateful for -- and
-        they get more accomplished. So here you'll find others who are doing
-        interesting things. Some may be in your neighborhood. Search for a
-        topic, or search around your location under "Nearby".
+        Once you've seen things that others have given or done, you may find
+        ways you want to contribute, too. It turns out others have proposed
+        activities together, and this page is where you find projects.
+      </p>
+
+      <p class="mt-4">
+        Search for a topic, or search around your neighborhod under "Nearby".
+      </p>
+
+      <p class="mt-4">
+        When you find some that seem interesting, you can offer your help. You
+        are welcome to make your offer conditional, for example if they get 2
+        other people, too.
       </p>
 
       <p class="mt-4 flex items-center">
@@ -110,14 +131,26 @@
     </div>
 
     <div v-if="page === OnboardPage.Create" class="dialog">
-      <h1 class="text-xl font-bold text-center mb-4">
-        Fish for Others with Projects of Your Own
+      <h1 class="text-xl font-bold text-center mb-4 relative">
+        Fish for Others with Your Projects
+        <div
+          class="text-lg text-center leading-none absolute right-0 -top-1"
+          @click="onClickClose(true)"
+        >
+          <fa icon="xmark" class="w-[1em]"></fa>
+        </div>
       </h1>
 
-      <p>
-        Now you can take a turn: throw out projects of your own... anything
-        you'd like to see happen. If your first idea doesn't catch anyone, try,
-        try again... and let others know that this is a good place to find help.
+      <p class="relative">
+        Now you can take a turn: click on the
+        <span
+          class="bg-green-600 text-white rounded-full"
+        >
+          <fa icon="plus" class="fa-fw"></fa>
+      </span>
+        button to throw out projects of your own... anything you'd like to see
+        happen. If your first idea doesn't catch anyone, try, try again... and let
+        others know that this is a good place to find help.
       </p>
 
       <p class="mt-4 flex items-center">
@@ -129,6 +162,14 @@
         button below brings you here to see your ideas.
       </p>
 
+      <p class="mt-4">
+        By the way, one good way to get to know your neighbors and their
+        interests is to offer time directly to them. You can do this on the
+        contacts screen
+        <fa icon="users" class="text-slate-500" />
+        which is a great way to get to know a neighbor's interests.
+      </p>
+
       <div class="mt-8">
         <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
           <button
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 37c70675a..dee34262d 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -833,7 +833,7 @@ export default class AccountViewView extends Vue {
       const registration = await navigator.serviceWorker.ready;
       this.subscription = await registration.pushManager.getSubscription();
       this.isSubscribed = !!this.subscription;
-      console.log("Got to the end of 'mounted' call.");
+      // console.log("Got to the end of 'mounted' call in AccountViewView.");
       /**
        * Beware! I've seen where we never get to this point because "ready" never resolves.
        */
@@ -1225,7 +1225,7 @@ export default class AccountViewView extends Vue {
       `Import progress: ${progress.completedRows} of ${progress.totalRows} rows completed.`,
     );
     if (progress.done) {
-      console.log(`Imported ${progress.completedTables} tables.`);
+      // console.log(`Imported ${progress.completedTables} tables.`);
       this.$notify(
         {
           group: "alert",
diff --git a/src/views/GiftedDetailsView.vue b/src/views/GiftedDetailsView.vue
index 7bd0c166d..1a65ebcd1 100644
--- a/src/views/GiftedDetailsView.vue
+++ b/src/views/GiftedDetailsView.vue
@@ -528,7 +528,7 @@ export default class GiftedDetails extends Vue {
       console.error("Error deleting image:", error);
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       if ((error as any).response.status === 404) {
-        console.log("The image was already deleted:", error);
+        console.log("Weird: the image was already deleted.", error);
 
         localStorage.removeItem("imageUrl");
         this.imageUrl = "";
diff --git a/src/views/InviteOneView.vue b/src/views/InviteOneView.vue
index 55faa6c02..fc759a4e0 100644
--- a/src/views/InviteOneView.vue
+++ b/src/views/InviteOneView.vue
@@ -32,7 +32,11 @@
       <table class="min-w-full bg-white">
         <thead>
           <tr>
-            <th class="py-2">ID</th>
+            <th class="py-2">
+              ID
+              <br />
+              (click for link)
+            </th>
             <th class="py-2">Notes</th>
             <th class="py-2">Expires At</th>
             <th class="py-2">Redeemed</th>
@@ -164,7 +168,6 @@ export default class InviteOneView extends Vue {
           this.contactsRedeemed[invite.redeemedBy] = contact;
         }
       }
-      console.log("contactsRedeemed", this.contactsRedeemed);
     } catch (error) {
       console.error("Error fetching invites:", error);
       this.$notify(
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 04a682664..2ea77aa0a 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -209,7 +209,7 @@
           Hit the big
           <fa
             icon="plus"
-            class="bg-blue-600 text-white px-1 py-1 rounded-full"
+            class="bg-green-600 text-white px-1.5 py-1 rounded-full"
           />
           button. You'll never know until you try.
         </div>
@@ -310,8 +310,8 @@ export default class ProjectsView extends Vue {
   offers: OfferSummaryRecord[] = [];
   projectNameFromHandleId: Record<string, string> = {}; // mapping from handleId to description
   projects: PlanData[] = [];
-  showOffers = true;
-  showProjects = false;
+  showOffers = false;
+  showProjects = true;
 
   libsUtil = libsUtil;
   didInfo = didInfo;