From 81b3efc4001dd27e5b76736effc4cb729d6ef98c Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Fri, 8 May 2026 01:14:15 +0200
Subject: [PATCH] refactor: centreer sprint-switcher en verwijder badges uit
 dropdown items

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/(app)/products/[id]/page.tsx      |  9 +++++----
 components/shared/sprint-switcher.tsx | 13 +------------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/app/(app)/products/[id]/page.tsx b/app/(app)/products/[id]/page.tsx
index d81c678..3ce0e49 100644
--- a/app/(app)/products/[id]/page.tsx
+++ b/app/(app)/products/[id]/page.tsx
@@ -127,9 +127,10 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
 
   return (
     <div className="flex flex-col h-full">
-      {/* Product header — sprint-switcher links, actions rechts */}
-      <div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center justify-between gap-3">
-        <div className="flex items-center gap-3">
+      {/* Product header — sprint-switcher gecentreerd, actions rechts */}
+      <div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center gap-3">
+        <div className="flex-1" />
+        <div className="flex items-center justify-center">
           {isActiveProduct && (
             <SprintSwitcher
               productId={id}
@@ -139,7 +140,7 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
             />
           )}
         </div>
-        <div className="flex items-center gap-3">
+        <div className="flex-1 flex items-center gap-3 justify-end">
           {!isActiveProduct && (
             <ActivateProductButton productId={id} isDemo={isDemo} redirectTo={`/products/${id}`} />
           )}
diff --git a/components/shared/sprint-switcher.tsx b/components/shared/sprint-switcher.tsx
index 1419a51..b240af1 100644
--- a/components/shared/sprint-switcher.tsx
+++ b/components/shared/sprint-switcher.tsx
@@ -105,27 +105,16 @@ export function SprintSwitcher({
         )}
         <ChevronDown className="w-3 h-3 shrink-0 text-muted-foreground" />
       </DropdownMenuTrigger>
-      <DropdownMenuContent align="start" className="w-64">
+      <DropdownMenuContent align="center" className="w-64">
         {sprints.map(s => (
           <DropdownMenuItem
             key={s.id}
             onClick={() => handleSwitchSprint(s.id)}
             className={cn(
-              'flex items-center justify-between gap-2',
               s.id === activeSprint?.id && 'bg-primary-container text-primary-container-foreground font-medium',
             )}
           >
             <span className="truncate">{s.code}</span>
-            <Badge
-              className={cn(
-                'text-[10px] px-1.5 py-0 shrink-0',
-                buildingSet.has(s.id)
-                  ? 'bg-warning text-warning-foreground'
-                  : SPRINT_STATUS_BADGE[s.status],
-              )}
-            >
-              {buildingSet.has(s.id) ? 'BUILDING' : SPRINT_STATUS_LABEL[s.status]}
-            </Badge>
           </DropdownMenuItem>
         ))}
       </DropdownMenuContent>