diff --git a/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx b/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx index 54edf4465..4a01ea0ca 100644 --- a/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx +++ b/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx @@ -4,6 +4,7 @@ import { Avatar, Button, Divider, List, Popover, Select, Tooltip, Typography } f import { useTranslation } from "react-i18next"; import EmployeeSearchSelectComponent from "../../components/employee-search-select/employee-search-select.component.jsx"; import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component.jsx"; +import { BiSolidTrash } from "react-icons/bi"; const { Text } = Typography; @@ -42,7 +43,8 @@ export default function JobWatcherToggleComponent({ - - - - {t("notifications.labels.watching-issue")} - + + : } + size="medium" + onClick={handleToggleSelf} + loading={adding || removing} + > + {isWatching ? t("notifications.labels.unwatch") : t("notifications.labels.watch")} + + ]} + > + + + {t("notifications.labels.watching-issue")} + + + + {watcherLoading ? ( ) : jobWatchers && jobWatchers.length > 0 ? ( @@ -82,8 +92,8 @@ export default function JobWatcherToggleComponent({ ) : ( {t("notifications.labels.no-watchers")} )} - + {t("notifications.labels.add-watchers")} - +