\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","deleted","label",[100],"permalink","https://www.val.town/x/wolf/FrontierScanner/code/site.http.tsx","extension","actionData","errors"]