diff --git a/src/Components/Gaming/Modal.tsx b/src/Components/Gaming/Modal.tsx index 9bf1711c..c4b387f3 100644 --- a/src/Components/Gaming/Modal.tsx +++ b/src/Components/Gaming/Modal.tsx @@ -1,132 +1,13 @@ -import { useState } from "react" import * as React from "react" -import { useSetQuestOpen } from "./hooks/useQuests" - -type ChapterProps = { - clickAction?: () => void -} - - -export function Welcome1({ clickAction }: ChapterProps) { - return ( - <> -

Welcome, glad you are here!

- -

- In the 21st century, humanity is at a special point in its history. -

-

- On the one hand, the people of Planet Earth are facing a multitude of fundamental crises. -

-

- On the other hand, we have all the knowledge and technology to heal the planet and live in harmony with Mother Earth.

-
- - -
- - ) -} - -export function Welcome2({ clickAction }: ChapterProps) { - return ( - <> -

Hypnosis and Disillusion

- -

- Most people are still stuck in old ways of thinking and living.

- - -

- Hypnotised, they sit in front of screens in concrete blocks, flooded and disillusioned by irrelevant information. -

- -

- From an early age, they are trained to do alienated work and consume unhealthy and meaningless products. -

-
- -
- - ) -} - -export function Welcome3({ clickAction }: ChapterProps) { - return ( - <> -

But Consciousness is rising

-

- More and more people are waking up to what's really happening.

-

- They are in the process of understanding the potential that is within themselves and within the whole mankind. -

- - -

- Starting to reconnect with our Mother Earth and beginning to question things that long times have been taken for granted. -

-
- -
- - ) -} - -export function Welcome4({ clickAction }: ChapterProps) { - return ( - <> -

Gemeinsam erschaffen wir Strukturen

- -
- -
- - ) -} - -const close = () => { - window.my_modal_3.close(); -} - export function Modal({children}) { - const [chapter, setChapter] = useState(1); - const setQuestsOpen = useSetQuestOpen(); - - - - const ActiveChapter = () => { - switch (chapter) { - case 1: - return { setChapter(2) }} /> - case 2: - return { setChapter(3) }} /> - case 3: - return { - - close(); - setTimeout(() => { - setQuestsOpen(true); - setChapter(1); - }, 1000); - - }} /> - default: return <> - }; - }; return ( <> {/* You can open the modal using ID.showModal() method */} - +
{children}