[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68a436bcfba08191837e8ef2579b89ad","versionInt","title","Sdg4 Gamified Dashboard","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Button } from \"@/components/ui/button\";\nimport { Globe, BookOpen, Leaf } from \"lucide-react\";\nimport { motion } from \"framer-motion\";\n\nconst nationsData = [\n {\n name: \"Bhutan\",\n freeEducation: 85,\n sustainabilityEducation: 60,\n },\n {\n name: \"Brazil\",\n freeEducation: 72,\n sustainabilityEducation: 50,\n },\n {\n name: \"Uganda\",\n freeEducation: 65,\n sustainabilityEducation: 35,\n },\n {\n name: \"India\",\n freeEducation: 78,\n sustainabilityEducation: 42,\n },\n {\n name: \"Switzerland\",\n freeEducation: 95,\n sustainabilityEducation: 75,\n },\n];\n\nexport default function SDG4Dashboard() {\n const [selected, setSelected] = useState(nationsData[0]);\n\n return (\n

\n \n 🎓 SDG 4 Dashboard – Freedom & Quality of Education for All\n \n\n

\n {nationsData.map((nation) => (\n setSelected(nation)}\n className=\"rounded-2xl px-4 py-2 shadow\"\n >\n {nation.name}\n \n ))}\n

\n\n

\n \n \n

\n Free Education Rights\n

\n \n

\n {selected.name} has achieved {selected.freeEducation}% of its\n free and equitable education goals.\n

\n \n \n\n \n \n

\n Sustainability Education\n

\n \n

\n {selected.name} has integrated {selected.sustainabilityEducation}% of\n sustainability and global citizenship education.\n

\n \n \n

\n\n \n {selected.freeEducation >= 80 && selected.sustainabilityEducation >= 60 ? (\n

\n 🌍 {selected.name} earns the **Education Freedom Badge** 🏅\n

\n ) : (\n

\n 📖 {selected.name} is still on the journey – keep pushing for SDG 4!\n

\n )}\n \n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","5492431967087797014","traceTime",1785131988625]