From e0e154fcf69a9aa3baad11842c7dc66a3e27d073 Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Fri, 22 Dec 2023 08:45:35 +0100
Subject: [PATCH] hide Quest Control when there are no Quests

---
 src/Components/AppShell/AppShell.tsx | 2 +-
 src/Components/Gaming/Quests.tsx     | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Components/AppShell/AppShell.tsx b/src/Components/AppShell/AppShell.tsx
index 1f84edd9..f359acf4 100644
--- a/src/Components/AppShell/AppShell.tsx
+++ b/src/Components/AppShell/AppShell.tsx
@@ -14,7 +14,7 @@ export function AppShell({ appName, children, assetsApi }) {
         <BrowserRouter>
             <AssetsProvider>
                 <SetAssetsApi assetsApi={assetsApi}></SetAssetsApi>
-                <QuestsProvider initialOpen={false}>
+                <QuestsProvider initialOpen={true}>
                     <ToastContainer position="top-right"
                         autoClose={2000}
                         hideProgressBar
diff --git a/src/Components/Gaming/Quests.tsx b/src/Components/Gaming/Quests.tsx
index fbfdf712..af6cadc0 100644
--- a/src/Components/Gaming/Quests.tsx
+++ b/src/Components/Gaming/Quests.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { useQuestsOpen, useSetQuestOpen } from './hooks/useQuests';
 import { useAuth } from '../Auth';
+import { useEffect } from 'react';
 
 export function Quests() {
 
@@ -8,6 +9,11 @@ export function Quests() {
     const setQuestsOpen = useSetQuestOpen();
     const { isAuthenticated, user } = useAuth();
 
+    useEffect(() => {
+      setQuestsOpen(false);
+    }, [])
+    
+
     return (
         <>{questsOpen ?
             <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]">
@@ -27,7 +33,7 @@ export function Quests() {
                         <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'>Fill Profile</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'>Upload Avatar</span></label></li>
                     </ul>
-                    { /**                   <button className='tw-btn tw-btn-xs tw-btn-neutral tw-w-fit tw-self-center tw-mt-1'>Next &gt;</button> */
+                    { /**                 <button className='tw-btn tw-btn-xs tw-btn-neutral tw-w-fit tw-self-center tw-mt-1'>Next &gt;</button> */
                     }                </div>
             </div>
             : ""