refactor action buttons styles

podkrepi-bg · Jun 25, 2024 · 53abcde · 53abcde
1 parent ae4ddb3
commit 53abcde
Showing 1 changed file with 12 additions and 18 deletions.
diff --git a/src/components/client/campaign-application/helpers/campaignApplicationFormActions.styled.tsx b/src/components/client/campaign-application/helpers/campaignApplicationFormActions.styled.tsx
@@ -6,37 +6,31 @@ import SubmitButton from 'components/common/form/SubmitButton'
 
 import theme from 'common/theme'
 
+const commonButtonStyles = {
+  padding: theme.spacing(1, 5),
+  border: `1px solid ${theme.palette.common.black}`,
+  borderRadius: theme.borders.round,
+  color: theme.palette.common.black,
+  fontSize: theme.typography.pxToRem(15),
+  fontWeight: 800,
+}
+
 export const Root = styled(Grid)(() => ({
   marginTop: theme.spacing(15),
   textAlign: 'center',
 }))
 
 export const ActionLinkButton = styled(LinkButton)(() => ({
+  ...commonButtonStyles,
   backgroundColor: theme.palette.common.white,
-  border: `1px solid ${theme.palette.common.black}`,
-  padding: theme.spacing(1, 5),
-  borderRadius: theme.borders.round,
-  color: theme.palette.common.black,
-  fontSize: theme.typography.pxToRem(15),
-  fontWeight: 800,
 }))
 
 export const ActionButton = styled(Button)(() => ({
+  ...commonButtonStyles,
   backgroundColor: theme.palette.common.white,
-  border: `1px solid ${theme.palette.common.black}`,
-  padding: theme.spacing(1, 5),
-  borderRadius: theme.borders.round,
-  color: theme.palette.common.black,
-  fontSize: theme.typography.pxToRem(15),
-  fontWeight: 800,
 }))
 
 export const ActionSubmitButton = styled(SubmitButton)(() => ({
+  ...commonButtonStyles,
   backgroundColor: '#62C4FB',
-  border: `1px solid ${theme.palette.common.black}`,
-  padding: theme.spacing(1, 5),
-  borderRadius: theme.borders.round,
-  color: theme.palette.common.black,
-  fontSize: theme.typography.pxToRem(15),
-  fontWeight: 800,
 }))