Promise Luxury — Kenya's Premier Luxury Booking Platform

\n \n \n \n\n",[],[182,227],"12dc12eb-6902-48df-9b3a-ddca7d9797ae","favicon.svg","019f6b31-c02d-73ee-96f7-bfad34e7207a",4,["D",1784210089389],"\n\n",[],[182,235],"8e752db4-3138-44b3-9e91-6d7ec802cd6a","Navbar.tsx","02aa4e22-811e-11f1-8008-1607ee4eb77e","019f6b31-c02d-73ee-96f7-ba5c7f1b1e87",7,["D",1784210131879],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { User, Settings } from \"./App.tsx\";\n\nexport function Navbar({ user, settings, navigate, onLogout }: {\n user: User | null;\n settings: Settings | null;\n navigate: (path: string) => void;\n onLogout: () => void;\n}) {\n const linkClass = \"text-gray-700 hover:text-amber-600 cursor-pointer transition-colors font-medium\";\n\n return (\n

navigate(\"/\")}>\n 🏨\n \n {settings?.company_name || \"Promise Luxury\"}\n \n

\n navigate(\"/\")}>Home\n navigate(\"/listings\")}>Listings\n navigate(\"/about\")}>About\n navigate(\"/contact\")}>Contact\n {user ? (\n <>\n navigate(\"/dashboard\")}>My Dashboard\n Logout\n \n ) : (\n <>\n navigate(\"/login\")}>Login\n navigate(\"/register\")}>\n Sign Up\n \n \n )}\n

\n \n

navigate(\"/\")}>Home

navigate(\"/listings\")}>Listings

navigate(\"/about\")}>About

navigate(\"/contact\")}>Contact

\n {user ? (\n <>\n

navigate(\"/dashboard\")}>My Dashboard

Logout

\n \n ) : (\n <>\n

navigate(\"/login\")}>Login

navigate(\"/register\")}>Sign Up

\n \n )}\n

\n );\n}\n",[],[182,251,243],"components","af5deae7-3c57-4c11-b4d0-7f6f33773f1d",["D",1784210131881],[],[182,251,38],"022c3a91-0d62-4332-adc0-3aef339df8db","Counter.tsx","019f6b31-c02d-73ee-96f7-b716b6dacabb",["D",1784209850342],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[182,251,257],"92eded6f-609e-4f87-949b-561cc1de8525","App.tsx","019f6b31-c02c-7268-bf81-f7d3551f41f9",6,["D",1784210113818],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { Navbar } from \"./Navbar.tsx\";\nimport { Footer } from \"./Footer.tsx\";\nimport { Home } from \"./pages/Home.tsx\";\nimport { Listings } from \"./pages/Listings.tsx\";\nimport { ListingDetail } from \"./pages/ListingDetail.tsx\";\nimport { Login } from \"./pages/Login.tsx\";\nimport { Register } from \"./pages/Register.tsx\";\nimport { CustomerDashboard } from \"./pages/CustomerDashboard.tsx\";\nimport { About } from \"./pages/About.tsx\";\nimport { Contact } from \"./pages/Contact.tsx\";\nimport { AdminLogin } from \"./pages/admin/AdminLogin.tsx\";\nimport { AdminDashboard } from \"./pages/admin/AdminDashboard.tsx\";\nimport { AdminListings } from \"./pages/admin/AdminListings.tsx\";\nimport { AdminBookings } from \"./pages/admin/AdminBookings.tsx\";\nimport { AdminCustomers } from \"./pages/admin/AdminCustomers.tsx\";\nimport { AdminSettings } from \"./pages/admin/AdminSettings.tsx\";\n\nexport interface User {\n id: number;\n name: string;\n email: string;\n phone: string;\n role: string;\n}\n\nexport interface Settings {\n company_name: string;\n tagline: string;\n contact_email: string;\n contact_phone: string;\n whatsapp: string;\n address: string;\n hero_image: string;\n logo_url: string;\n primary_color: string;\n about_text: string;\n facebook: string;\n instagram: string;\n twitter: string;\n mpesa_enabled: number;\n card_enabled: number;\n}\n\nfunction parseHash(): { route: string; params: Record } {\n const hash = window.location.hash.slice(1) || \"/\";\n const [path, queryStr] = hash.split(\"?\");\n const params: Record = {};\n if (queryStr) {\n queryStr.split(\"&\").forEach((p) => {\n const [k, v] = p.split(\"=\");\n params[k] = decodeURIComponent(v || \"\");\n });\n }\n return { route: path, params };\n}\n\nexport function App() {\n const [user, setUser] = useState(null);\n const [settings, setSettings] = useState(null);\n const [routeInfo, setRouteInfo] = useState(parseHash());\n const [loading, setLoading] = useState(true);\n\n const api = useCallback(async (path: string, opts: RequestInit = {}) => {\n const token = localStorage.getItem(\"pl_token\");\n const headers: Record = {\n \"Content-Type\": \"application/json\",\n ...(opts.headers as Record || {}),\n };\n if (token) headers[\"Authorization\"] = `Bearer ${token}`;\n const res = await fetch(path, { ...opts, headers });\n return res.json();\n }, []);\n\n useEffect(() => {\n // Load settings\n api(\"/api/settings\").then((s) => setSettings(s));\n // Check if logged in\n const token = localStorage.getItem(\"pl_token\");\n if (token) {\n api(\"/api/auth/me\").then((data) => {\n if (data.user) setUser(data.user);\n else localStorage.removeItem(\"pl_token\");\n setLoading(false);\n });\n } else {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n const handler = () => setRouteInfo(parseHash());\n window.addEventListener(\"hashchange\", handler);\n return () => window.removeEventListener(\"hashchange\", handler);\n }, []);\n\n const navigate = (path: string) => {\n window.location.hash = path;\n window.scrollTo(0, 0);\n };\n\n const login = (token: string, u: User) => {\n localStorage.setItem(\"pl_token\", token);\n setUser(u);\n };\n\n const logout = () => {\n localStorage.removeItem(\"pl_token\");\n setUser(null);\n navigate(\"/\");\n };\n\n if (loading) {\n return (\n

Loading Promise Luxury…

\n );\n }\n\n const { route, params } = routeInfo;\n\n // Admin routes\n if (route.startsWith(\"/admin\")) {\n if (route === \"/admin/login\") {\n return ;\n }\n if (!user || user.role !== \"admin\") {\n navigate(\"/admin/login\");\n return null;\n }\n return (\n

\n {route === \"/admin\" && }\n {route === \"/admin/listings\" && }\n {route === \"/admin/bookings\" && }\n {route === \"/admin/customers\" && }\n {route === \"/admin/settings\" && }\n

\n );\n }\n\n // Public/customer routes\n return (\n

\n \n

\n {route === \"/\" && }\n {route === \"/listings\" && }\n {route === \"/listing\" && }\n {route === \"/login\" && }\n {route === \"/register\" && }\n {route === \"/dashboard\" && }\n {route === \"/about\" && }\n {route === \"/contact\" && }\n

\n );\n}\n",[],[182,251,264],"e3b32691-0b32-4747-84d1-859e3e88a88d",["D",1784209850342],[199,200,201,202],[182,251],["D",1784209850342],[198,203,204,205],[182],["D",1784209850342],["D",1789472446807],{"_110":109,"_117":113},{"_110":109,"_111":109,"_112":113,"_19":61,"_114":115,"_116":30},{"_13":95,"_37":96,"_48":47,"_97":49,"_98":99,"_100":101,"_102":55,"_103":104,"_105":106,"_107":50,"_108":109},"ctx",{"_88":-5,"_139":316,"_317":318,"_319":320,"_321":30,"_322":30,"_323":30,"_324":65,"_325":-5,"_326":-7,"_327":-7,"_328":69,"_329":30,"_330":30,"_331":-5,"_332":30,"_333":30,"_334":30,"_335":-5},"ENV",{"_287":288,"_289":290,"_291":96,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8