refact: reposition status tag on ContributionDrawer

opencollective · Dec 12, 2024 · d026437 · d026437
1 parent debd9c0
commit d026437
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/components/contributions/ContributionDrawer.tsx b/components/contributions/ContributionDrawer.tsx
@@ -259,7 +259,12 @@ export function ContributionDrawer(props: ContributionDrawerProps) {
         <DrawerHeader
           actions={actions}
           dropdownTriggerRef={dropdownTriggerRef}
-          entityName={<FormattedMessage defaultMessage="Contribution" id="0LK5eg" />}
+          entityName={
+            <div className="flex items-center gap-1">
+              <OrderStatusTag status={query.data?.order?.status} overflow="visible" />
+              <FormattedMessage defaultMessage="Contribution" id="0LK5eg" />
+            </div>
+          }
           forceMoreActions
           entityIdentifier={
             <CopyID
@@ -274,10 +279,7 @@ export function ContributionDrawer(props: ContributionDrawerProps) {
               {isLoading ? (
                 <Skeleton className="h-6 w-56" />
               ) : (
-                <div className="flex items-start gap-2 text-base font-semibold text-foreground">
-                  <OrderStatusTag status={query.data.order.status} overflow="visible" />
-                  {query.data.order.description}
-                </div>
+                <div className="text-base font-semibold text-foreground">{query.data.order.description}</div>
               )}
             </React.Fragment>
           }