feat(Freeze): ability to pause existing recurring contributions (#10612)

* feat(Freeze): ability to pause existing recurring contributions * Iterate on design feedback & code improvements * Apply suggestions from code review Co-authored-by: Gustav Larsson <[email protected]> * style(FreezeModal): fixes on typography color --------- Co-authored-by: Gustav Larsson <[email protected]>
opencollective · Sep 3, 2024 · a382a29 · a382a29
1 parent 067a1bf
commit a382a29
Show file tree

Hide file tree

Showing 23 changed files with 743 additions and 302 deletions.
diff --git a/components/StyledModal.tsx b/components/StyledModal.tsx
@@ -97,11 +97,12 @@ ModalHeader.displayName = 'Header';
 /**
  * A special header that displays collective name + avatar in the header.
  */
-export const CollectiveModalHeader = ({ collective, customText, ...props }) => (
+export const CollectiveModalHeader = ({ collective, preText = null, customText = undefined, ...props }) => (
   <ModalHeader {...props}>
-    <div className="flex items-center">
+    <div className="flex items-center gap-2 text-xl font-bold">
+      {preText}
       <Avatar collective={collective} radius={32} />
-      <p className="ml-4 text-xl font-bold">{customText || collective.name}</p>
+      <p>{customText || collective.name}</p>
     </div>
   </ModalHeader>
 );

diff --git a/components/dashboard/sections/collectives/FreezeAccountModal.js b/components/dashboard/sections/collectives/FreezeAccountModal.js