Saint Benedict Joseph

Find Your Perfect Apartment

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

\n onViewModeChange('search')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'search' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🔍 Search\n \n \n onViewModeChange('map')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'map' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🗺️ Map\n \n\n {user && (\n onViewModeChange('favorites')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'favorites' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n ❤️ Favorites\n \n )}\n

\n\n {/* User Actions */}\n

\n {user ? (\n

{user.firstName} {user.lastName}

{user.email}

\n \n Logout\n \n

\n ) : (\n \n Login / Sign Up\n \n )}\n

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

\n onViewModeChange('search')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'search' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🔍 Search\n \n \n onViewModeChange('map')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'map' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🗺️ Map\n \n\n {user && (\n onViewModeChange('favorites')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'favorites' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n ❤️ Favorites\n \n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Mac4/untitled-5794/code/frontend/components/Header.tsx","extension","actionData","errors"]