From 2cdfbe826634716625f60d1207135c56a628ce64 Mon Sep 17 00:00:00 2001
From: Dennis Schoepf <dennis@schoepf.co>
Date: Mon, 2 Aug 2021 22:05:43 +0200
Subject: [PATCH] Help message on overview screen

---
 main.ts                     |  4 ++--
 src/scenes/OverviewScene.ts |  1 -
 src/ui/intro.ts             | 11 +++++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/main.ts b/main.ts
index 7afcde9..98c3aea 100644
--- a/main.ts
+++ b/main.ts
@@ -39,8 +39,8 @@ const sketch = (s: p5) => {
     const { currentScene, companionState, infoMessageShown } = store.getState();
 
     if (
-      companionState !== CompanionState.ACTIVE ||
-      !infoMessageShown ||
+      companionState !== CompanionState.ACTIVE &&
+      !infoMessageShown &&
       store.getState().currentIntroStep === 0
     ) {
       if (currentScene === Scenes.OVERVIEW) {
diff --git a/src/scenes/OverviewScene.ts b/src/scenes/OverviewScene.ts
index 4e8c2d4..8566125 100644
--- a/src/scenes/OverviewScene.ts
+++ b/src/scenes/OverviewScene.ts
@@ -6,7 +6,6 @@ import store from '../store';
 import { generateEdges } from '../helpers';
 import { Scenes } from './scenes';
 import projectMetadata from '../../metadata/project.json';
-import { playerHead$ } from '../area';
 import { Area } from '../types';
 
 export class OverviewScene {
diff --git a/src/ui/intro.ts b/src/ui/intro.ts
index cd38f9f..d066edd 100644
--- a/src/ui/intro.ts
+++ b/src/ui/intro.ts
@@ -1,3 +1,4 @@
+import { Scenes } from '../scenes/scenes';
 import store from '../store';
 
 export class Intro {
@@ -112,6 +113,16 @@ export class Intro {
 
     if (currentStep === 4) {
       store.setState({ currentIntroStep: 0 });
+
+      setTimeout(() => {
+        if (store.getState().currentScene !== Scenes.DETAIL) {
+          store.getState().addUserMessage({
+            inputWanted: false,
+            text: "Hey there! Need help here? You'll have to touch the parts of the project you want to take a look at with you character's head. As soon as the project part (packages/...) is highlighted, you can click it to dive deeper into what lies behind 🔬",
+          });
+        }
+      }, 3000);
+
       return;
     }