From 21335d4e8c4c85b04182c6780744f8c4cc5c29e0 Mon Sep 17 00:00:00 2001 From: Dave Richer Date: Wed, 5 Mar 2025 21:05:24 -0500 Subject: [PATCH 1/2] IO-3166-Global-Notifications-Part-2 - Checkpoint - job watchers styling --- .../job-watcher-toggle.component.jsx | 44 ++++++++++++------- .../job-watcher-toggle.container.jsx | 1 + client/src/translations/en_us/common.json | 9 ++-- client/src/translations/es/common.json | 7 +-- client/src/translations/fr/common.json | 7 +-- 5 files changed, 41 insertions(+), 27 deletions(-) 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")} - +