\n {/* Header */}\n

\n Today's Goal\n

\n \n \n Settings\n \n

\n\n {/* Today's Goal Card */}\n

\n \n

\n {goalAmount} {unit} Goal\n

\n {todaysGoal.resolved \n ? `${todaysGoal.resolution === 'YES' ? 'Completed!' : 'Missed'} - Resolved ${new Date(todaysGoal.resolvedAt).toLocaleDateString()}`\n : 'Active goal for today'\n }\n

\n \n {!todaysGoal.resolved && (\n

\n handleResolveGoal(todaysGoal.id, 'YES')}\n style={{\n padding: '12px 24px',\n background: '#059669',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n ✅ Mark Complete\n \n handleResolveGoal(todaysGoal.id, 'NO')}\n style={{\n padding: '12px 24px',\n background: '#dc2626',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n ❌ Mark Missed\n \n handleUpdateForecast(todaysGoal.id)}\n style={{\n padding: '12px 24px',\n background: 'white',\n color: '#f59e0b',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n 📈 Update Forecast\n \n

\n )}\n \n {todaysGoal.resolved && (\n window.location.reload()}\n style={{\n padding: '12px 24px',\n background: 'white',\n color: todaysGoal.resolution === 'YES' ? '#059669' : '#dc2626',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n 🔄 New Analysis\n \n )}\n

\n\n {/* Goal History - Using reusable component */}\n {pastGoals.length > 0 && (\n

\n Goal History\n

\n \n

\n )}\n

\n );\n}","deleted","label",[172,155],"components","permalink","https://www.val.town/x/dcm31/expected-work/code/components/TodaysGoalView.tsx","extension","actionData","errors"]