Remove "None" text from empty goals and add padding to + Goal button

- When no goals are linked, just show the "+ Goal" button without
  displaying "None" text
- Add left margin to the "+ Goal" button when goals exist above it
  for better visual spacing

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 18:47:29 -05:00
parent 9e6cc0851b
commit e079b8ebcf

View File

@@ -424,9 +424,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
alignStart
valueClassName="space-y-2"
>
{linkedGoals.length === 0 ? (
<span className="text-sm text-muted-foreground">None</span>
) : (
{linkedGoals.length > 0 && (
<div className="flex flex-wrap gap-1.5">
{linkedGoals.map((goal) => (
<span
@@ -456,7 +454,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
<Button
variant="outline"
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}
>
<Plus className="h-3 w-3 mr-1" />