Browse Source

tweak onboarding messages

Trent Larson 4 weeks ago
parent
commit
edafa21092
  1. 5
      CHANGELOG.md
  2. 4
      package-lock.json
  3. 2
      package.json
  4. 31
      src/components/OnboardingDialog.vue
  5. 2
      src/views/HelpView.vue

5
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

4
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",

2
package.json

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

31
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
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".
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".
</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,
try, try again... and let others know that this is a good place to find
help.
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">
@ -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" });
}
}
}
}

2
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

Loading…
Cancel
Save