diff --git a/src/components/Button/ButtonLink.js b/src/components/Button/ButtonLink.js index 9b9cb7b5b..655cdc615 100644 --- a/src/components/Button/ButtonLink.js +++ b/src/components/Button/ButtonLink.js @@ -1,23 +1,13 @@ import styled from 'styled-components'; -import { Button } from '@blueprintjs/core'; -export const ButtonLink = styled(Button)` - line-height: inherit; +export const ButtonLink = styled.button` + color: #0052cc; + border: 0; + background: transparent; + cursor: pointer; - &.bp3-small { - min-height: auto; - min-width: auto; - padding: 0; - } - &:not([class*='bp3-intent-']) { - &, - &:hover { - color: #0052cc; - background: transparent; - } - - &:hover { - text-decoration: underline; - } + &:hover, + &:active { + text-decoration: underline; } `; diff --git a/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.js b/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.js index 6fd2e79b5..543a842da 100644 --- a/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.js +++ b/src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.js @@ -1,11 +1,29 @@ import React from 'react'; +import styled from 'styled-components'; +import { useFormikContext, FastField, ErrorMessage } from 'formik'; +import { Intent, Button, FormGroup, TextArea } from '@blueprintjs/core'; + +import { FormattedMessage as T } from 'components'; + +import { useSMSMessageDialogContext } from './SMSMessageDialogProvider'; -import { FastField, Field, ErrorMessage } from 'formik'; -import { Classes, FormGroup, TextArea } from '@blueprintjs/core'; -import { FormattedMessage as T, FieldRequiredHint } from 'components'; import { inputIntent } from 'utils'; +/** + * + */ export default function SMSMessageFormFields() { + // SMS message dialog context. + const { smsNotification } = useSMSMessageDialogContext(); + + // Form formik context. + const { setFieldValue } = useFormikContext(); + + // Handle the button click. + const handleBtnClick = () => { + setFieldValue('message_text', smsNotification.default_sms_message); + }; + return (