fix: remove "None" text from empty goals, add padding to + goal button

When no goals are linked, hide the "None" label and just show the
"+ Goal" button. When goals exist, add left margin to the button so
it doesn't crowd the goal badges.

Closes PAP-522

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dotta
2026-03-16 08:00:38 -05:00
parent 0fd7ed84fb
commit 10e37dd7e5

View File

@@ -420,9 +420,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
alignStart alignStart
valueClassName="space-y-2" valueClassName="space-y-2"
> >
{linkedGoals.length === 0 ? ( {linkedGoals.length > 0 && (
<span className="text-sm text-muted-foreground">None</span>
) : (
<div className="flex flex-wrap gap-1.5"> <div className="flex flex-wrap gap-1.5">
{linkedGoals.map((goal) => ( {linkedGoals.map((goal) => (
<span <span
@@ -452,7 +450,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
<Button <Button
variant="outline" variant="outline"
size="xs" size="xs"
className="h-6 w-fit px-2" className={cn("h-6 w-fit px-2", linkedGoals.length > 0 && "ml-1")}
disabled={availableGoals.length === 0} disabled={availableGoals.length === 0}
> >
<Plus className="h-3 w-3 mr-1" /> <Plus className="h-3 w-3 mr-1" />