[{"_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","68ad02e2376c819181400245a76f93d9","versionInt","title","Points Value Calculator","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { PieChart, Pie, Cell, Tooltip, Legend, ResponsiveContainer } from \"recharts\";\n\nexport default function PointsValueCalculator() {\n const [cashCost, setCashCost] = useState(\"\");\n const [taxesPaid, setTaxesPaid] = useState(\"\");\n const [pointsUsed, setPointsUsed] = useState(\"\");\n const [cpp, setCpp] = useState(null);\n const [chartData, setChartData] = useState(null);\n\n const calculateCPP = () => {\n const cash = parseFloat(cashCost);\n const taxes = parseFloat(taxesPaid) || 0;\n const points = parseFloat(pointsUsed);\n if (!isNaN(cash) && !isNaN(points) && points > 0) {\n const result = ((cash - taxes) / points) * 100; // convert to cents\n setCpp(result.toFixed(2));\n\n setChartData([\n { name: \"Points Covered\", value: cash - taxes },\n { name: \"Taxes Paid\", value: taxes },\n ]);\n } else {\n setCpp(null);\n setChartData(null);\n }\n };\n\n const COLORS = [\"#3b82f6\", \"#f59e0b\"];\n\n return (\n

\n \n \n

Points Value Calculator

\n Calculate how much each point is worth based on your ticket cost.\n

\n Cash Ticket Cost ($)\n setCashCost(e.target.value)}\n />\n

\n Taxes Paid ($)\n setTaxesPaid(e.target.value)}\n />\n

\n Points Used\n setPointsUsed(e.target.value)}\n />\n

\n \n {cpp !== null && (\n

\n Value per point: {cpp}¢\n

\n {chartData && (\n \n \n \n {chartData.map((entry, index) => (\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","4940058850301421291","traceTime",1780372824466]