tweak onboarding messages

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.30]
+### Added
+- Onboarding messages
+
+
 ## [0.3.29]
 ### Added
 - Invite for a contact to join immediately

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.30-beta",
+  "version": "0.3.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "TimeSafari",
-      "version": "0.3.30-beta",
+      "version": "0.3.30",
       "dependencies": {
         "@dicebear/collection": "^5.4.1",
         "@dicebear/core": "^5.4.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "TimeSafari",
-  "version": "0.3.30-beta",
+  "version": "0.3.30",
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",

src/components/OnboardingDialog.vue

@@ -5,7 +5,7 @@
       <h1 class="text-xl font-bold text-center mb-4">
         Welcome to Time Safari
         <br />
-        Showcasing Gratitude & Magnifing Time
+        - Showcasing Gratitude & Magnifing Time
       </h1>
 
       <p v-if="isRegistered" class="mt-4">
@@ -73,10 +73,10 @@
       </h1>
 
       <p>
-        It turns out that people in groups have more to be grateful for and get
+        It turns out that people in groups have more to be grateful for -- and
-        more accomplished, so here you'll find others who are doing interesting
+        they get more accomplished. So here you'll find others who are doing
-        things. Some may be in your neighborhood. Search for a topic, or search
+        interesting things. Some may be in your neighborhood. Search for a
-        around your location under "Nearby".
+        topic, or search around your location under "Nearby".
       </p>
 
       <p class="mt-4 flex items-center">
@@ -96,7 +96,7 @@
             class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
             @click="onClickClose(true)"
           >
-            No more help needed.
+            No more help, thanks.
           </button>
           <button
             type="button"
@@ -116,9 +116,8 @@
 
       <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 attract any fish,
+        you'd like to see happen. If your first idea doesn't catch anyone, try,
-        try, try again... and let others know that this is a good place to find
+        try again... and let others know that this is a good place to find help.
-        help.
       </p>
 
       <p class="mt-4 flex items-center">
@@ -127,7 +126,7 @@
           icon="hand"
           class="ml-1 mr-1 text-lg text-white bg-slate-400 px-2 py-2 rounded"
         />
-        button below brings you here to your ideas.
+        button below brings you here to see your ideas.
       </p>
 
       <div class="mt-8">
@@ -136,16 +135,18 @@
             type="button"
             data-testId="closeOnboardingAndFinish"
             class="block w-full text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
-            @click="onClickClose(true)"
+            @click="onClickClose(true, true)"
           >
             Let's go!
+            <br />
+            See & record gratitude.
           </button>
           <button
             type="button"
             class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2"
             @click="$router.push({ name: 'help' })"
           >
-            Take me to more Help.
+            I want to read more Help.
           </button>
         </div>
       </div>
@@ -155,6 +156,7 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
+import { Router } from "vue-router";
 
 import { NotificationIface } from "@/constants/app";
 import {
@@ -202,12 +204,15 @@ export default class OnboardingDialog extends Vue {
     }
   }
 
-  async onClickClose(done?: boolean) {
+  async onClickClose(done?: boolean, goHome?: boolean) {
     this.visible = false;
     if (done) {
       await updateAccountSettings(this.activeDid, {
         finishedOnboarding: true,
       });
+      if (goHome) {
+        (this.$router as Router).push({ name: "home" });
+      }
     }
   }
 }

src/views/HelpView.vue

@@ -387,7 +387,7 @@
         <fa icon="circle-user" /> page.
       </p>
       <p>
-        There is a even more functionality in a mobile app (and more
+        There is even more functionality in a mobile app (and more
         documentation) at
         <a href="https://endorser.ch" target="_blank" class="text-blue-500">
           EndorserSearch.com