feat(harvest): Add Routes in RoutesV6 component

Add `"accounts/:accountId"` routes behind a flag. In order to serve the new AccountModal component implementation (AccountModalWithoutTabs)
cozy · Jan 11, 2023 · 59e37c3 · 59e37c3
1 parent 748939e
commit 59e37c3
Showing 1 changed file with 67 additions and 17 deletions.
diff --git a/packages/cozy-harvest-lib/src/components/Routes/RoutesV6.jsx b/packages/cozy-harvest-lib/src/components/Routes/RoutesV6.jsx
@@ -5,10 +5,14 @@ import flag from 'cozy-flags'
 
 import { ViewerModal } from '../../datacards/ViewerModal'
 import AccountModal from '../AccountModal'
+import AccountModalWithoutTabs from '../AccountModalWithoutTabs/AccountModalWithoutTabs'
+import AccountModalContentWrapper from '../AccountModalWithoutTabs/AccountModalContentWrapper'
 import NewAccountModal from '../NewAccountModal'
 import EditAccountModal from '../EditAccountModal'
 import KonnectorSuccess from '../KonnectorSuccess'
 import HarvestModalRoot from '../HarvestModalRoot'
+import DataTab from '../KonnectorConfiguration/DataTab'
+import ConfigurationTab from '../KonnectorConfiguration/ConfigurationTab'
 
 const HarvestParamsWrapper = props => {
   const params = useParams()
@@ -44,23 +48,69 @@ const RoutesV6 = ({
         }
       />
 
-      <Route
-        path="accounts/:accountId"
-        element={
-          <HarvestParamsWrapper>
-            {params => (
-              <AccountModal
-                konnector={konnectorWithTriggers}
-                accountId={params.accountId}
-                accountsAndTriggers={accountsAndTriggers}
-                onDismiss={onDismiss}
-                showNewAccountButton={!konnectorWithTriggers.clientSide}
-                showAccountSelection={!konnectorWithTriggers.clientSide}
-              />
-            )}
-          </HarvestParamsWrapper>
-        }
-      />
+      {flag('harvest.inappconnectors.enabled') ? (
+        <Route
+          path="accounts/:accountId"
+          element={
+            <HarvestParamsWrapper>
+              {params => (
+                <AccountModalWithoutTabs
+                  konnector={konnectorWithTriggers}
+                  accountId={params.accountId}
+                  accountsAndTriggers={accountsAndTriggers}
+                  showNewAccountButton={!konnectorWithTriggers.clientSide}
+                  showAccountSelection={!konnectorWithTriggers.clientSide}
+                  onDismiss={onDismiss}
+                />
+              )}
+            </HarvestParamsWrapper>
+          }
+        >
+          <Route
+            index
+            element={
+              <AccountModalContentWrapper>
+                <DataTab
+                  konnector={konnectorWithTriggers}
+                  showNewAccountButton={!konnectorWithTriggers.clientSide}
+                  onDismiss={onDismiss}
+                />
+              </AccountModalContentWrapper>
+            }
+          />
+          <Route
+            path="config"
+            element={
+              <AccountModalContentWrapper>
+                <ConfigurationTab
+                  konnector={konnectorWithTriggers}
+                  showNewAccountButton={!konnectorWithTriggers.clientSide}
+                  onDismiss={onDismiss}
+                />
+              </AccountModalContentWrapper>
+            }
+          />
+        </Route>
+      ) : (
+        <Route
+          path="accounts/:accountId"
+          element={
+            <HarvestParamsWrapper>
+              {params => (
+                <AccountModal
+                  konnector={konnectorWithTriggers}
+                  accountId={params.accountId}
+                  accountsAndTriggers={accountsAndTriggers}
+                  onDismiss={onDismiss}
+                  showNewAccountButton={!konnectorWithTriggers.clientSide}
+                  showAccountSelection={!konnectorWithTriggers.clientSide}
+                />
+              )}
+            </HarvestParamsWrapper>
+          }
+        />
+      )}
+
       <Route
         path="accounts/:accountId/edit"
         element={