[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"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",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","5029170322102714169","traceTime",1776427214191]