Use prop instead of loading config for next button

Amsterdam · Nov 25, 2024 · e3016b0 · e3016b0
1 parent 59e780a
commit e3016b0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/src/components/NextButton/NextButton.tsx b/src/components/NextButton/NextButton.tsx
@@ -6,25 +6,20 @@ import styled from 'styled-components'
 
 import Button from 'components/Button'
 
-import configuration from '../../shared/services/configuration/configuration'
-
-const appMode = configuration.featureFlags.appMode
-
-const StyledButton = styled(Button)`
-  margin-right: ${appMode ? '0' : '15px !important'};
-  width: ${appMode ? '100%' : 'auto'};
-`
-
 interface Props {
-  className?: string
+  appMode?: boolean
   children: ReactNode
   onClick: (event: BaseSyntheticEvent) => void
 }
 
-const NextButton = ({ className = '', children, onClick }: Props) => (
+const StyledButton = styled(Button)<Props>`
+  ${({ appMode }) => !appMode && 'margin-right: 15px !important'};
+  ${({ appMode }) => appMode && 'width: 100%;'}
+`
+
+const NextButton = ({ appMode, children, onClick, ...restProps }: Props) => (
   <StyledButton
-    className={className}
-    data-testid="next-button"
+    {...restProps}
     onClick={onClick}
     taskflow={!appMode}
     type="submit"

diff --git a/src/signals/incident/components/IncidentNavigation/IncidentNavigation.tsx b/src/signals/incident/components/IncidentNavigation/IncidentNavigation.tsx
@@ -102,6 +102,7 @@ const WizardStep = ({ wizardStep, meta, next, previous }: WizardStepProps) => {
     (!mapActive &&
       (appMode ? (
         <NextButton
+          appMode
           onClick={(e) => {
             handleSubmit(e, next, wizardStep.formAction)
           }}