Wire up GamifiedBanner and extend BannerSettings with style selector

cgen-52fe3f74318d497aa9780b02fc59678a
This commit is contained in:
Builder.io 2025-10-19 21:12:01 +00:00
parent 2bb1a74137
commit 4d4a50bed9

View file

@ -12,6 +12,7 @@ import { Badge } from "@/components/ui/badge";
import LoadingScreen from "@/components/LoadingScreen"; import LoadingScreen from "@/components/LoadingScreen";
import { SkeletonStats, SkeletonUserPath } from "@/components/Skeleton"; import { SkeletonStats, SkeletonUserPath } from "@/components/Skeleton";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import GamifiedBanner from "@/components/GamifiedBanner";
import { import {
ArrowRight, ArrowRight,
CheckCircle, CheckCircle,
@ -267,16 +268,11 @@ export default function Index() {
<Layout hideFooter> <Layout hideFooter>
{/* Top Banner (editable via Admin → Operations) */} {/* Top Banner (editable via Admin → Operations) */}
{homeBanner?.enabled !== false && ( {homeBanner?.enabled !== false && (
<> <GamifiedBanner
{/* Gamified top banner */} text={homeBanner?.text || "ROBLOX AUTH SOON"}
{/* eslint-disable-next-line react/no-unknown-property */} enabled={homeBanner?.enabled !== false}
<div data-home-banner> style={(homeBanner as any)?.style || null}
{/* @ts-ignore - component default export */} />
{/* Using dynamic styling keyed by homeBanner.style */}
{/* Prefer emoji prefix in text for style */}
{/* The component handles disabled state upstream */}
</div>
</>
)} )}
{/* Hero Section - Geometric Design */} {/* Hero Section - Geometric Design */}