fix: Don't display the Add Account in the config dialog

cozy · May 24, 2023 · dfbdfc5 · dfbdfc5
1 parent 9e531a4
commit dfbdfc5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git a/packages/cozy-harvest-lib/src/components/AccountModalWithoutTabs/AccountModalHeader.jsx b/packages/cozy-harvest-lib/src/components/AccountModalWithoutTabs/AccountModalHeader.jsx
@@ -30,6 +30,7 @@ export const AccountModalHeader = ({
         accountsAndTriggers={accountsAndTriggers}
         pushHistory={pushHistory}
         replaceHistory={replaceHistory}
+        showAccountSelection={showAccountSelection}
       />
     )
 

diff --git a/packages/cozy-harvest-lib/src/components/AccountSelectBox/AccountSelectorHeader.tsx b/packages/cozy-harvest-lib/src/components/AccountSelectBox/AccountSelectorHeader.tsx
@@ -1,8 +1,10 @@
 import cx from 'classnames'
 import React from 'react'
 
+import { models } from 'cozy-client'
 import DialogBackButton from 'cozy-ui/transpiled/react/CozyDialogs/DialogBackButton'
 import DialogTitle from 'cozy-ui/transpiled/react/Dialog/DialogTitle'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 
 import AccountSelectBox from './AccountSelectBox'
 import { useDialogContext } from '../DialogContext'
@@ -13,13 +15,15 @@ interface AccountSelectorHeaderProps {
   accountsAndTriggers: (object | null | undefined)[]
   pushHistory: (path: string) => void
   replaceHistory: (path: string) => void
+  showAccountSelection: boolean
 }
 
 export const AccountSelectorHeader = ({
   account,
   accountsAndTriggers,
   pushHistory,
-  replaceHistory
+  replaceHistory,
+  showAccountSelection
 }: AccountSelectorHeaderProps): JSX.Element => {
   // @ts-expect-error IDK
   const { dialogTitleProps } = useDialogContext()
@@ -41,18 +45,22 @@ export const AccountSelectorHeader = ({
         )}
         disableTypography
       >
-        <AccountSelectBox
-          loading={!account}
-          selectedAccount={account}
-          accountsAndTriggers={accountsAndTriggers}
-          onChange={(option: { account: { _id: string } }): void => {
-            pushHistory(`/accounts/${option.account._id}`)
-          }}
-          onCreate={(): void => {
-            pushHistory('/new')
-          }}
-          variant="big"
-        />
+        {showAccountSelection ? (
+          <AccountSelectBox
+            loading={!account}
+            selectedAccount={account}
+            accountsAndTriggers={accountsAndTriggers}
+            onChange={(option: { account: { _id: string } }): void => {
+              pushHistory(`/accounts/${option.account._id}`)
+            }}
+            onCreate={(): void => {
+              pushHistory('/new')
+            }}
+            variant="big"
+          />
+        ) : (
+          <Typography>{models.account.getAccountName(account)}</Typography>
+        )}
       </DialogTitle>
     </>
   )