diff --git a/src/views/Settings/Settings.jsx b/src/views/Settings/Settings.jsx index 8ec486c..55ca372 100644 --- a/src/views/Settings/Settings.jsx +++ b/src/views/Settings/Settings.jsx @@ -7,6 +7,8 @@ import { CircularProgress, Container, Divider, + FormControl, + FormHelperText, Input, Typography, } from '@mui/joy' @@ -28,6 +30,7 @@ import { PutWebhookURL, UpdatePassword, } from '../../utils/Fetcher' +import { isPlusAccount } from '../../utils/Helpers' import PassowrdChangeModal from '../Modals/Inputs/PasswordChangeModal' import APITokenSettings from './APITokenSettings' import NotificationSetting from './NotificationSetting' @@ -327,52 +330,69 @@ const Settings = () => { services when events happen in your Circle. Use the webhook URL below to - { - if (webhookURL === null) { - setWebhookURL('') - } else { - setWebhookURL(null) - } - }} - variant='soft' - label={'Enable Webhook'} - /> - <> - {webhookURL !== null && ( - - Webhook URL - setWebhookURL(e.target.value)} - size='lg' - sx={{ - width: '220px', - mb: 1, - }} - /> - - {webhookError} - - - )} - - + Enable webhook notifications for tasks and things updates.{' '} + {userProfile && !isPlusAccount(userProfile) && ( + + Not available in Basic Plan + + )} + + <> + {webhookURL !== null && ( + + Webhook URL + setWebhookURL(e.target.value)} + size='lg' + sx={{ + width: '220px', + mb: 1, + }} + /> + + {webhookError} + + + )} + + + )}