+
+
+ {GOALS.map(g => {
+ const on = goals.includes(g.v);
+ return (
+
+ );
+ })}
+
+
+
setCustomGoal(e.target.value)}
+ onKeyDown={e => { if (e.key === 'Enter') { e.preventDefault(); const v = customGoal.trim(); if (v && !goals.includes(v)) setGoals([...goals, v]); setCustomGoal(''); }}} />
+
+
+ {goals.filter(g => !GOALS.find(x => x.v === g)).length > 0 && (
+
+ {goals.filter(g => !GOALS.find(x => x.v === g)).map(g => (
+
+ {g}
+
+ ))}
+
+ )}
+
+