"use client"; import axiosInstance from "@/lib/axiosInstance"; import { useEffect, useState } from "react"; const ABOUT_PAGE_ID = "2"; interface MomentBadge { id: string; page_id: string; title: string; image?: string | null; sort_order?: number | null; status?: boolean | null; } const MomentsFromRKDA = () => { const [badges, setBadges] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { fetchMomentBadges(); }, []); const fetchMomentBadges = async () => { try { setLoading(true); const response = await axiosInstance.get( `/cms/moment-badges?page_id=${ABOUT_PAGE_ID}` ); const result = response.data; if (result.success) { setBadges(result.data || []); } } catch (error) { console.error("Failed to fetch moment badges:", error); } finally { setLoading(false); } }; if (loading) { return null; } if (badges.length === 0) { return null; } return (

Moments From RKDA

{badges.map((item) => (

{item.image && ( {item.title}

)}

{item.title}

))}

); }; export default MomentsFromRKDA; // "use client"; // const MomentsFromRKDA = () => { // return ( //

// Moments From RKDA //

// //

Beginner Foundation

// //

Classical Technique

// //

Expression & Abhinaya

// //

Stage Performance

// //

Certification Arangetram

// ); // }; // export default MomentsFromRKDA;