feat: optimize style of SMS notifications module.

src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFloatingActions.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { Intent, Button, Classes } from '@blueprintjs/core';
 import { useFormikContext } from 'formik';
-import styled from 'styled-components';
 
-import { FormattedMessage as T } from 'components';
+import { DialogFooterActions, FormattedMessage as T } from 'components';
 
 import { useSMSMessageDialogContext } from './SMSMessageDialogProvider';
 import withDialogActions from 'containers/Dialog/withDialogActions';
@@ -20,6 +19,7 @@ function SMSMessageFormFloatingActions({
   // Formik context.
   const { isSubmitting } = useFormikContext();
 
+  // SMS Message dialog contxt.
   const { dialogName } = useSMSMessageDialogContext();
 
   // Handle close button click.
@@ -29,7 +29,7 @@ function SMSMessageFormFloatingActions({
 
   return (
     <div className={Classes.DIALOG_FOOTER}>
-      <FooterActions className={Classes.DIALOG_FOOTER_ACTIONS}>
+      <DialogFooterActions alignment={'left'}>
         <Button onClick={handleCancelBtnClick} style={{ minWidth: '75px' }}>
           <T id={'cancel'} />
         </Button>
@@ -41,13 +41,9 @@ function SMSMessageFormFloatingActions({
         >
           Save SMS Message
         </Button>
-      </FooterActions>
+      </DialogFooterActions>
     </div>
   );
 }
 
 export default compose(withDialogActions)(SMSMessageFormFloatingActions);
-
-const FooterActions = styled.div`
-  justify-content: flex-start;
-`;