fix: update back button navigation on syncs configuration (#35)

Multiwoven · Apr 12, 2024 · f685846 · f685846
1 parent 14b2092
commit f685846
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/ui/src/views/Activate/Syncs/EditSync/EditSync.tsx b/ui/src/views/Activate/Syncs/EditSync/EditSync.tsx
@@ -228,6 +228,8 @@ const EditSync = (): JSX.Element | null => {
           isDocumentsSectionRequired
           isContinueCtaRequired
           isBackRequired
+          navigateToListScreen
+          listScreenUrl='/activate/syncs'
         />
       </Box>
     </form>

diff --git a/ui/src/views/Connectors/Sources/SourcesForm/SourceFormFooter/SourceFormFooter.tsx b/ui/src/views/Connectors/Sources/SourcesForm/SourceFormFooter/SourceFormFooter.tsx
@@ -16,6 +16,8 @@ type SourceFormFooterProps = {
   isDocumentsSectionRequired?: boolean;
   isAlignToContentContainer?: boolean;
   extra?: JSX.Element;
+  navigateToListScreen?: boolean;
+  listScreenUrl?: string;
 };
 
 const SourceFormFooter = ({
@@ -25,11 +27,13 @@ const SourceFormFooter = ({
   onCtaClick,
   isBackRequired,
   extra,
+  listScreenUrl,
   isCtaLoading = false,
   isCtaDisabled = false,
   isContinueCtaRequired = false,
   isDocumentsSectionRequired = false,
   secondaryCtaText = 'Back',
+  navigateToListScreen = false,
 }: SourceFormFooterProps): JSX.Element => {
   const [leftOffset, setLeftOffet] = useState<number>(0);
   const { maxContentWidth } = useUiConfig();
@@ -93,7 +97,11 @@ const SourceFormFooter = ({
           {extra}
           {isBackRequired ? (
             <Button
-              onClick={() => navigate(-1)}
+              onClick={() =>
+                navigateToListScreen && listScreenUrl
+                  ? navigate(listScreenUrl, { replace: true })
+                  : navigate(-1)
+              }
               marginRight={isContinueCtaRequired ? '10px' : '0'}
               variant='ghost'
               minWidth={0}