Loading user data...

\n );\n }\n\n switch (activeView) {\n case 'dashboard':\n return ;\n case 'bmi':\n return setActiveView('home')} />;\n case 'tracker':\n return setActiveView('home')} />;\n case 'appointments':\n return setActiveView('home')} />;\n case 'symptoms':\n return setActiveView('home')} />;\n case 'exercises':\n return setActiveView('home')} />;\n case 'articles':\n return setActiveView('home')} />;\n case 'dictionary':\n return setActiveView('home')} />;\n case 'emergency':\n return setActiveView('home')} />;\n default:\n return null; // Show the static HTML content\n }\n };\n\n // If we're showing the home view, don't render anything (let static HTML show)\n if (activeView === 'home') {\n return (\n <>\n {/* Chatbot for home page */}\n \n \n );\n }\n\n return (\n

\n {/* Navigation Bar */}\n

\n \n

\n \n {/* Tab Navigation */}\n

\n {tabs.slice(1).map(tab => (\n setActiveView(tab.id)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n activeView === tab.id\n ? 'bg-blue-500 text-white'\n : 'text-blue-100 hover:text-white hover:bg-blue-500'\n }`}\n title={tab.description}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

\n \n

\n {user && (\n

\n Welcome, {user.name}\n

\n )}\n \n

\n \n {/* Mobile Tab Navigation */}\n

\n {tabs.slice(1).map(tab => (\n setActiveView(tab.id)}\n className={`flex-shrink-0 px-3 py-1 rounded-full text-xs font-medium transition-colors ${\n activeView === tab.id\n ? 'bg-blue-500 text-white'\n : 'text-blue-100 hover:text-white hover:bg-blue-500'\n }`}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {isLoading ? (\n

\n ) : (\n renderActiveView()\n )}\n

\n \n {/* Chatbot - Available on all pages */}\n \n

\n );\n};\n\nexport default App;","deleted","label",[170,171,151],"frontend","components","permalink","https://www.val.town/x/SIR_FESTUS/MYHEALTHSOURCE/code/frontend/components/App.tsx","extension","actionData","errors"]