diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 77e693159..4354955ec 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -8,7 +8,7 @@ jobs: runs-on: ubuntu-latest strategy: matrix: - node-version: [12.x] + node-version: [16.x] steps: - uses: actions/checkout@v1 - name: Use Node.js ${{ matrix.node-version }} @@ -27,10 +27,10 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v1 - - name: Use Node.js 12.x + - name: Use Node.js 16.x uses: actions/setup-node@v1 with: - node-version: '12.x' + node-version: '16.x' - name: install and coverage run: | yarn install diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml index e47c54e07..c18131040 100644 --- a/.github/workflows/publish.yml +++ b/.github/workflows/publish.yml @@ -12,10 +12,10 @@ jobs: steps: - uses: actions/checkout@v1 - - name: Use Node.js 12.x + - name: Use Node.js 16.x uses: actions/setup-node@v1 with: - version: 12.x + version: 16.x - name: Build and Test run: | yarn install diff --git a/package.json b/package.json index 05d305ba7..d2b6489af 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ ], "private": false, "dependencies": { + "@nyaruka/temba-components": "0.101.0", "react": "^16.8.6", "react-dom": "^16.8.6" }, diff --git a/src/components/flow/actions/sendmsg/SendMsgForm.module.scss b/src/components/flow/actions/sendmsg/SendMsgForm.module.scss index 07f9c2026..d79b10f56 100644 --- a/src/components/flow/actions/sendmsg/SendMsgForm.module.scss +++ b/src/components/flow/actions/sendmsg/SendMsgForm.module.scss @@ -1,3 +1,7 @@ .message { --textarea-height: 8em; +} + +.has-errors { + --color-widget-border: var(--color-error); } \ No newline at end of file diff --git a/src/components/flow/actions/sendmsg/SendMsgForm.tsx b/src/components/flow/actions/sendmsg/SendMsgForm.tsx index 62332d5fd..a33937d43 100644 --- a/src/components/flow/actions/sendmsg/SendMsgForm.tsx +++ b/src/components/flow/actions/sendmsg/SendMsgForm.tsx @@ -55,6 +55,8 @@ export interface SendMsgFormState extends FormState { } export default class SendMsgForm extends React.Component { + saveAttempted = false; + constructor(props: ActionFormProps) { super(props); this.state = stateToForm(this.props.nodeSettings); @@ -143,6 +145,8 @@ export default class SendMsgForm extends React.Component