\n 🛞 Protyre\n

\n Smart Service Scheduling\n

\n \n

\n setCurrentView('booking')}\n className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'booking' \n ? 'bg-white text-blue-600' \n : 'text-white hover:bg-blue-700'\n }`}\n >\n Book Service\n \n setCurrentView('dashboard')}\n className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'dashboard' \n ? 'bg-white text-blue-600' \n : 'text-white hover:bg-blue-700'\n }`}\n >\n Dashboard\n \n setCurrentView('admin')}\n className={`px-4 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'admin' \n ? 'bg-white text-blue-600' \n : 'text-white hover:bg-blue-700'\n }`}\n >\n Admin Panel\n \n

\n );\n\n const renderNotification = () => {\n if (!notification) return null;\n\n const bgColor = {\n success: 'bg-green-500',\n error: 'bg-red-500',\n info: 'bg-blue-500'\n }[notification.type];\n\n return (\n

\n {notification.message}\n setNotification(null)}\n className=\"ml-4 text-white hover:text-gray-200\"\n >\n ✕\n \n

\n );\n };\n\n const renderContent = () => {\n switch (currentView) {\n case 'admin':\n return ;\n case 'dashboard':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {renderNavigation()}\n {renderNotification()}\n

\n {renderContent()}\n

\n \n {/* Footer */}\n \n

\n );\n};\n\nexport default App;","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/Mastermind/Protyre_SmartServiceScheduler/code/frontend/components/App.tsx","extension","actionData","errors"]