diff --git a/ui/src/views/jobs/mutation/JobMutation.jsx b/ui/src/views/jobs/mutation/JobMutation.jsx index a008076..faff37f 100644 --- a/ui/src/views/jobs/mutation/JobMutation.jsx +++ b/ui/src/views/jobs/mutation/JobMutation.jsx @@ -11,7 +11,15 @@ import { useNavigate, useParams } from 'react-router-dom'; import { Divider, Input, Switch, Button, TagInput, Toast, Select } from '@douyinfe/semi-ui'; import './JobMutation.less'; import { SegmentPart } from '../../../components/segment/SegmentPart'; -import { IconBell, IconBriefcase, IconPaperclip, IconPlayCircle, IconPlusCircle, IconUser } from '@douyinfe/semi-icons'; +import { + IconBell, + IconBriefcase, + IconPaperclip, + IconPlayCircle, + IconPlusCircle, + IconUser, + IconClear, +} from '@douyinfe/semi-icons'; export default function JobMutator() { const jobs = useSelector((state) => state.jobs.jobs); @@ -160,7 +168,7 @@ export default function JobMutator() { diff --git a/ui/src/views/jobs/mutation/components/notificationAdapter/NotificationAdapterMutator.jsx b/ui/src/views/jobs/mutation/components/notificationAdapter/NotificationAdapterMutator.jsx index 3da6c05..d6ccec9 100644 --- a/ui/src/views/jobs/mutation/components/notificationAdapter/NotificationAdapterMutator.jsx +++ b/ui/src/views/jobs/mutation/components/notificationAdapter/NotificationAdapterMutator.jsx @@ -7,6 +7,7 @@ import { useSelector } from '../../../../../services/state/store'; import { Banner, Button, Form, Modal, Select, Switch } from '@douyinfe/semi-ui'; import './NotificationAdapterMutator.less'; +import { useScreenWidth } from '../../../../../hooks/screenWidth.js'; const sortAdapter = (a, b) => { if (a.name < b.name) { @@ -70,6 +71,9 @@ export default function NotificationAdapterMutator({ const [validationMessage, setValidationMessage] = useState(null); const [successMessage, setSuccessMessage] = useState(null); + const width = useScreenWidth(); + const isMobile = width <= 850; + const onSubmit = (doStore) => { if (doStore) { const validationResults = validate(selectedAdapter); @@ -170,18 +174,19 @@ export default function NotificationAdapterMutator({ onSubmit(false)} footer={
- - - +
} > @@ -207,9 +212,9 @@ export default function NotificationAdapterMutator({ )}

- When Fredy found new listings, we like to report them to you. To do so, notification adapter can be configured.{' '} -
- There are multiple ways how Fredy can send new listings to you. Chose your weapon... + When Fredy finds new listings, we like to report them to you. To do so, the notification adapter can be + configured.
+ There are multiple ways Fredy can send new listings to you. Choose your weapon...