\n Apply Coupon Code\n

\n \n {appliedCoupon ? (\n

\n Applied Coupon: \n \n {appliedCoupon}\n \n

\n \n

\n ) : (\n

\n setCouponCode(e.target.value.toUpperCase())}\n placeholder=\"Enter coupon code\"\n className=\"border border-gray-300 px-3 py-2 rounded flex-grow\"\n />\n \n Apply\n \n

\n )}\n \n {couponStatus === \"error\" && (\n

\n Invalid coupon code. Please try again.\n

\n )}\n \n {couponStatus === \"success\" && (\n

\n Coupon applied successfully!\n

\n )}\n

\n );\n}\n\nfunction App() {\n const [promos, setPromos] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n fetch(API_URL)\n .then((response) => response.json())\n .then((data) => {\n if (data.success) {\n setPromos(data.promos);\n } else {\n throw new Error(\"API returned unsuccessful response\");\n }\n setLoading(false);\n })\n .catch((_err) => {\n setError(\"Failed to load promotions\");\n setLoading(false);\n });\n }, []);\n\n if (loading) {\n return

;\n }\n\n if (error) {\n return (\n

{error}

\n );\n }\n\n return (\n

\n Frontier Airlines Promotions\n

\n \n {/* Coupon Code Section appears at the top */}\n \n \n

\n {promos.map((promo: Promo, index) => (\n

\n {promo.headline}\n

\n {promo.promoCode && (\n

\n Code: {promo.promoCode}\n

\n )}\n

{promo.details}

\n ))}\n

\n Data sourced from Frontier Airlines API\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\n// deno-lint-ignore require-await\nexport default async function server(_request: Request): Promise {\n return new Response(\n `\n \n \n \n \n \n Frontier Airlines Promotions\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n",[],[99],"files",[151,171],"counts",{"_183":32,"_184":185,"_186":32,"_187":32},"pulls","branches",2,"forks","envVars","contents",[],"file",{"_103":172,"_95":99,"_154":173,"_155":-5,"_156":139,"_157":138,"_159":117,"_105":192,"_100":175,"_162":163,"_164":176,"_166":22,"_167":-5,"_98":193},["D",1742594723711],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":200,"_149":205,"_179":212,"_190":213,"_188":215,"_216":-5,"_217":22,"_218":-5,"_219":-5,"_220":-5,"_221":222},{"_103":104,"_95":96,"_105":201,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":202,"_133":203,"_136":204,"_148":22},["D",1742481450922],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[206,209],{"_103":152,"_95":153,"_154":115,"_155":-5,"_156":139,"_157":158,"_159":117,"_105":160,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":207,"_98":208},[],[153],{"_103":172,"_95":99,"_154":173,"_155":-5,"_156":139,"_157":138,"_159":117,"_105":174,"_100":175,"_162":163,"_164":176,"_166":22,"_167":-5,"_168":210,"_98":211},[],[99],[206,209],{"_103":172,"_95":99,"_154":173,"_155":-5,"_156":139,"_157":138,"_159":117,"_105":192,"_100":175,"_162":163,"_164":176,"_166":22,"_167":-5,"_98":214},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]