mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2025-12-13 07:46:10 +00:00
updated gaming
This commit is contained in:
parent
e049152347
commit
3ffd88c5a9
@ -17,7 +17,7 @@ type AuthCredentials = {
|
||||
|
||||
|
||||
type AuthContextProps = {
|
||||
isAuthenticated: Boolean,
|
||||
isAuthenticated: boolean,
|
||||
user: UserItem | null;
|
||||
login: (credentials: AuthCredentials) => Promise<UserItem | undefined>,
|
||||
register: (credentials: AuthCredentials, userName: string) => Promise<UserItem | undefined>,
|
||||
@ -41,7 +41,7 @@ const AuthContext = createContext<AuthContextProps>({
|
||||
export const AuthProvider = ({ userApi, children }: AuthProviderProps) => {
|
||||
const [user, setUser] = useState<UserItem | null>(null);
|
||||
const [token, setToken] = useState<String | null>(null);
|
||||
const [loading, setLoading] = useState<Boolean>(false);
|
||||
const [loading, setLoading] = useState<boolean>(false);
|
||||
const isAuthenticated = !!user;
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
@ -9,15 +9,17 @@ type ChapterProps = {
|
||||
export function Welcome1({ clickAction }: ChapterProps) {
|
||||
return (
|
||||
<>
|
||||
<h3 className="tw-font-bold tw-text-lg">Herzlich Willkommen, schön dass du da bist! </h3>
|
||||
<h3 className="tw-font-bold tw-text-lg">Welcome, glad you are here!</h3>
|
||||
<p className="tw-py-4">
|
||||
Wir erschaffen zusammen eine Welt, in der wir frei und menschlich zusammen leben dürfen.
|
||||
Dafür bauen wir ein Netzwerk in dem wir uns im echten Leben begegnen und helfen
|
||||
... ganz ohne Geld 😉
|
||||
Let's play a game together where we explore ourselves and our dreams and come together to make them come true.
|
||||
<br /><br />
|
||||
<b>Hast du Lust mitzumachen?</b></p>
|
||||
<b>Would you like to join us?</b></p>
|
||||
<div className="tw-modal-action">
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => clickAction!()}>Bin dabei</label>
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => clickAction!()}>Yes</label>
|
||||
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => close()}>No</label>
|
||||
|
||||
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
@ -26,19 +28,31 @@ export function Welcome1({ clickAction }: ChapterProps) {
|
||||
export function Welcome2({ clickAction }: ChapterProps) {
|
||||
return (
|
||||
<>
|
||||
<h3 className="tw-font-bold tw-text-lg">Veränderung passiert im echten Leben</h3>
|
||||
<h3 className="tw-font-bold tw-text-lg"> Imagine ...</h3>
|
||||
<p className="tw-py-4">
|
||||
Mal ganz ehrlich: 99% unser Zeit am Bildschirm ist sinnlose Zeit- und Energie-Verschwendung.
|
||||
<br /><br />
|
||||
Darum tauchen wir wieder in das echte Leben ein und nutzen digitale Medien nur dort, wo sie uns wirklich helfen in echt zusammen zu kommen</p>
|
||||
you wake up sometime in the early twenties of the 21st century on planet Earth from a hypnosis that has somehow kept you and all other people under some kind of external control all your life.
|
||||
</p>
|
||||
<div className="tw-modal-action">
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => clickAction!()}>Alles klar</label>
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => clickAction!()}>next</label>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export function Welcome3({ clickAction }: ChapterProps) {
|
||||
return (
|
||||
<>
|
||||
<h3 className="tw-font-bold tw-text-lg">Many people ... </h3>
|
||||
<p className="tw-py-4">
|
||||
are still trapped in old and dysfunctional structures. But magically, a new consciousness is suddenly rising. More and more people are awakening from hypnosis. </p>
|
||||
<div className="tw-modal-action">
|
||||
<label className="tw-btn tw-btn-neutral" onClick={() => clickAction!()}>next</label>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export function Welcome4({ clickAction }: ChapterProps) {
|
||||
return (
|
||||
<>
|
||||
<h3 className="tw-font-bold tw-text-lg"> Gemeinsam erschaffen wir Strukturen </h3>
|
||||
@ -56,14 +70,16 @@ export function Welcome3({ clickAction }: ChapterProps) {
|
||||
)
|
||||
}
|
||||
|
||||
const close = () => {
|
||||
window.my_modal_3.close();
|
||||
}
|
||||
|
||||
|
||||
export function Modal() {
|
||||
|
||||
const [chapter, setChapter] = useState<number>(1);
|
||||
|
||||
const close = () => {
|
||||
window.my_modal_3.close();
|
||||
}
|
||||
|
||||
|
||||
const ActiveChapter = () => {
|
||||
switch (chapter) {
|
||||
@ -97,4 +113,3 @@ export function Modal() {
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,9 +1,12 @@
|
||||
import * as React from 'react'
|
||||
import { useAuth } from '../Auth';
|
||||
|
||||
export function Quests() {
|
||||
|
||||
const [open, setOpen] = React.useState(true);
|
||||
|
||||
const { isAuthenticated, user } = useAuth();
|
||||
|
||||
if (open) return (
|
||||
<>
|
||||
<div className="tw-card tw-w-48 tw-bg-base-100 tw-shadow-xl tw-absolute tw-bottom-4 tw-left-4 tw-z-[2000]">
|
||||
@ -13,10 +16,10 @@ export function Quests() {
|
||||
</div>
|
||||
<h2 className="tw-card-title tw-m-auto ">Level 1</h2>
|
||||
<ul className='tw-flex-row'>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" checked /><span className='tw-text-sm tw-label-text tw-mx-2'>Registrieren</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" checked /><span className='tw-text-sm tw-label-text tw-mx-2'>Avatar hochladen</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" disabled /><span className='tw-text-sm tw-label-text tw-mx-2'>Profil ausfüllen</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" disabled /><span className='tw-text-sm tw-label-text tw-mx-2'>Gruppe beitreten</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" checked={isAuthenticated? isAuthenticated : false} /><span className='tw-text-sm tw-label-text tw-mx-2'>Registrieren</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" checked={user?.avatar? true : false} /><span className='tw-text-sm tw-label-text tw-mx-2'>Avatar hochladen</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" checked={user?.description? true : false} /><span className='tw-text-sm tw-label-text tw-mx-2'>Profil ausfüllen</span></label></li>
|
||||
<li><label className="tw-label tw-justify-normal tw-pt-1 tw-pb-0"><input type="checkbox" readOnly={true} className="tw-checkbox tw-checkbox-xs tw-checkbox-success" /><span className='tw-text-sm tw-label-text tw-mx-2'>Gruppe beitreten</span></label></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user