[{"_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":29,"_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","68a6be269ddc819190e3c16eab0c8524","versionInt","title","Sdg17 Kpi Dashboard","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Circle, Flag, Activity, DollarSign, Shield } from \"lucide-react\";\nimport { motion } from \"framer-motion\";\n\nconst kpis = [\n { domain: \"Climate\", metric: \"GHG intensity\", target: \"↓7–10% YoY\", status: \"red\" },\n { domain: \"Nature\", metric: \"Deforestation imports\", target: \"0% by 2028\", status: \"yellow\" },\n { domain: \"Energy\", metric: \"Fossil share\", target: \"<20% by 2030\", status: \"green\" },\n { domain: \"Water\", metric: \"Non-revenue water\", target: \"<20%\", status: \"red\" },\n { domain: \"Labor\", metric: \"Living-wage coverage\", target: \"100% core ops\", status: \"yellow\" },\n { domain: \"Governance\", metric: \"Ownership disclosed\", target: \"100% suppliers>$1m\", status: \"green\" },\n];\n\nexport default function Dashboard() {\n const [selected, setSelected] = useState(null);\n\n const statusColor = {\n red: \"bg-red-500\",\n yellow: \"bg-yellow-400\",\n green: \"bg-green-500\",\n };\n\n return (\n

\n {kpis.map((kpi, idx) => (\n setSelected(kpi)}\n >\n \n \n

{kpi.domain}

\n \n

{kpi.metric}

\n \n

Target: {kpi.target}

\n \n \n \n ))}\n\n {selected && (\n \n

{selected.domain} Action Panel

Metric: {selected.metric}

Target: {selected.target}

\n\n

\n \n \n \n \n

\n\n

\n \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","2737186899619176206","traceTime",1780405826214]