diff --git a/frontend/src/container/PipelinePage/PipelineListsView/PipelineListsView.tsx b/frontend/src/container/PipelinePage/PipelineListsView/PipelineListsView.tsx index 058c16761b..c4494569df 100644 --- a/frontend/src/container/PipelinePage/PipelineListsView/PipelineListsView.tsx +++ b/frontend/src/container/PipelinePage/PipelineListsView/PipelineListsView.tsx @@ -506,8 +506,9 @@ function PipelineListsView({ pagination={false} /> - {showSaveButton && ( + {isEditingActionMode && ( diff --git a/frontend/src/container/PipelinePage/PipelineListsView/SaveConfigButton.tsx b/frontend/src/container/PipelinePage/PipelineListsView/SaveConfigButton.tsx index e7aa0ecedc..700665b957 100644 --- a/frontend/src/container/PipelinePage/PipelineListsView/SaveConfigButton.tsx +++ b/frontend/src/container/PipelinePage/PipelineListsView/SaveConfigButton.tsx @@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'; import { SaveConfigWrapper } from './styles'; function SaveConfigButton({ + showSaveButton, onSaveConfigurationHandler, onCancelConfigurationHandler, }: SaveConfigButtonTypes): JSX.Element { @@ -11,14 +12,16 @@ function SaveConfigButton({ return ( - + {showSaveButton && ( + + )} @@ -26,6 +29,7 @@ function SaveConfigButton({ ); } export interface SaveConfigButtonTypes { + showSaveButton: boolean; onSaveConfigurationHandler: VoidFunction; onCancelConfigurationHandler: VoidFunction; } diff --git a/frontend/src/container/PipelinePage/PipelineListsView/styles.ts b/frontend/src/container/PipelinePage/PipelineListsView/styles.ts index 0b3ddbff3d..d96eb7cd93 100644 --- a/frontend/src/container/PipelinePage/PipelineListsView/styles.ts +++ b/frontend/src/container/PipelinePage/PipelineListsView/styles.ts @@ -108,6 +108,7 @@ export const ModeAndConfigWrapper = styled.div` export const SaveConfigWrapper = styled.div` display: flex; + justify-content: flex-end; gap: 0.938rem; margin-top: 1.25rem; `;