feature/IO-3096-GlobalNotifications - Checkpoint - Additional String Cleanup, loading spinner

client/src/pages/jobs-detail/job-watcher-toggle.component.jsx

@@ -23,8 +23,8 @@ const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
   const jobid = job.id;
 
   const [open, setOpen] = useState(false);
-  const [selectedWatcher, setSelectedWatcher] = useState(null); // New state for selected value
-  const [selectedTeam, setSelectedTeam] = useState(null); // New state to track selected team
+  const [selectedWatcher, setSelectedWatcher] = useState(null);
+  const [selectedTeam, setSelectedTeam] = useState(null);
 
   // Fetch current watchers
   const { data: watcherData, loading: watcherLoading } = useQuery(GET_JOB_WATCHERS, { variables: { jobid } });
@@ -109,7 +109,7 @@ const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
         <List.Item.Meta
           avatar={<Avatar icon={<UserOutlined />} />}
           title={<Text>{displayName}</Text>}
-          description={watcher.user_email} // Keep the email for reference
+          description={watcher.user_email}
         />
       </List.Item>
     );
@@ -118,7 +118,6 @@ const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
   // Popover content
   const popoverContent = (
     <div style={{ width: 600 }}>
-      {/* Self-toggle Button */}
       <Button
         block
         type="text"
@@ -128,12 +127,10 @@ const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
       >
         {isWatching ? t("notifications.tooltips.unwatch") : t("notifications.tooltips.watch")}
       </Button>
-      {/* List of Watchers */}
       <Text type="secondary" style={{ marginBottom: 8, display: "block" }}>
         {t("notifications.labels.watching-issue")}
       </Text>
       {watcherLoading ? <LoadingSpinner /> : <List dataSource={jobWatchers} renderItem={handleRenderItem} />}
-      {/* Employee Search Select (for adding watchers) */}
       <Divider />
 
       <Text type="secondary">{t("notifications.labels.add-watchers")}</Text>