feat(web-scraping): render tracker name with indicators for scheduled checks and notifications

Author: azasypkin

src/index.tsx

@@ -15,6 +15,7 @@ import { icon as EuiIconArrowRight } from '@elastic/eui/es/components/icon/asset
 import { icon as EuiIconArrowUp } from '@elastic/eui/es/components/icon/assets/arrow_up';
 import { icon as EuiIconArrowEnd } from '@elastic/eui/es/components/icon/assets/arrowEnd';
 import { icon as EuiIconArrowStart } from '@elastic/eui/es/components/icon/assets/arrowStart';
+import { icon as EuiIconBell } from '@elastic/eui/es/components/icon/assets/bell';
 import { icon as EuiIconBoxesHorizontal } from '@elastic/eui/es/components/icon/assets/boxes_horizontal';
 import { icon as EuiIconBoxesVertical } from '@elastic/eui/es/components/icon/assets/boxes_vertical';
 import { icon as EuiIconCalendar } from '@elastic/eui/es/components/icon/assets/calendar';
@@ -69,6 +70,7 @@ import { icon as EuiIconStarFilled } from '@elastic/eui/es/components/icon/asset
 import { icon as EuiIconTableDensityCompact } from '@elastic/eui/es/components/icon/assets/table_density_compact';
 import { icon as EuiIconTableDensityExpanded } from '@elastic/eui/es/components/icon/assets/table_density_expanded';
 import { icon as EuiIconTableDensityNormal } from '@elastic/eui/es/components/icon/assets/table_density_normal';
+import { icon as EuiIconTimeRefresh } from '@elastic/eui/es/components/icon/assets/timeRefresh';
 import { icon as EuiIconTokenNumber } from '@elastic/eui/es/components/icon/assets/tokenNumber';
 import { icon as EuiIconTokenString } from '@elastic/eui/es/components/icon/assets/tokenString';
 import { icon as EuiIconTraining } from '@elastic/eui/es/components/icon/assets/training';
@@ -93,6 +95,7 @@ appendIconComponentCache({
   arrowUp: EuiIconArrowUp,
   arrowStart: EuiIconArrowStart,
   arrowEnd: EuiIconArrowEnd,
+  bell: EuiIconBell,
   boxesHorizontal: EuiIconBoxesHorizontal,
   boxesVertical: EuiIconBoxesVertical,
   calendar: EuiIconCalendar,
@@ -148,6 +151,7 @@ appendIconComponentCache({
   tableDensityCompact: EuiIconTableDensityCompact,
   tableDensityExpanded: EuiIconTableDensityExpanded,
   tableDensityNormal: EuiIconTableDensityNormal,
+  timeRefresh: EuiIconTimeRefresh,
   tokenNumber: EuiIconTokenNumber,
   tokenString: EuiIconTokenString,
   training: EuiIconTraining,

src/pages/workspace/utils/web_scraping/web_page_content_trackers.tsx

@@ -25,6 +25,7 @@ import { WebPageContentTrackerRevision } from './web_page_content_tracker_revisi
 import type { WebPageContentRevision } from './web_page_data_revision';
 import type { WebPageContentTracker, WebPageTracker } from './web_page_tracker';
 import { WebPageTrackerHistory } from './web_page_tracker_history';
+import { WebPageTrackerName } from './web_page_tracker_name';
 import { PageErrorState, PageLoadingState } from '../../../../components';
 import { type AsyncData, getApiRequestConfig, getApiUrl, getErrorMessage } from '../../../../model';
 import { useWorkspaceContext } from '../../hooks';
@@ -235,7 +236,7 @@ export default function WebPageContentTrackers() {
             field: 'name',
             sortable: true,
             textOnly: true,
-            render: (_, tracker: WebPageTracker) => tracker.name,
+            render: (_, tracker: WebPageTracker) => <WebPageTrackerName tracker={tracker} />,
           },
           {
             name: (

src/pages/workspace/utils/web_scraping/web_page_resources_trackers.tsx

@@ -25,6 +25,7 @@ import { WebPageResourcesTrackerEditFlyout } from './web_page_resources_tracker_
 import { WebPageResourcesTrackerRevision } from './web_page_resources_tracker_revision';
 import type { WebPageResourcesTracker, WebPageTracker } from './web_page_tracker';
 import { WebPageTrackerHistory } from './web_page_tracker_history';
+import { WebPageTrackerName } from './web_page_tracker_name';
 import { PageErrorState, PageLoadingState } from '../../../../components';
 import { type AsyncData, getApiRequestConfig, getApiUrl, getErrorMessage } from '../../../../model';
 import { useWorkspaceContext } from '../../hooks';
@@ -233,7 +234,7 @@ export default function WebPageResourcesTrackers() {
             field: 'name',
             sortable: true,
             textOnly: true,
-            render: (_, tracker: WebPageTracker) => tracker.name,
+            render: (_, tracker: WebPageTracker) => <WebPageTrackerName tracker={tracker} />,
           },
           {
             name: (

src/pages/workspace/utils/web_scraping/web_page_tracker_name.tsx

@@ -0,0 +1,20 @@
+import { EuiIcon, EuiText } from '@elastic/eui';
+
+import type { WebPageTracker } from './web_page_tracker';
+
+export function WebPageTrackerName({ tracker }: { tracker: WebPageTracker }) {
+  if (!tracker.jobConfig) {
+    return tracker.name;
+  }
+
+  const timeIcon = <EuiIcon type={'timeRefresh'} size="s" title={'Scheduled checks are enabled'} />;
+  return tracker.jobConfig.notifications ? (
+    <EuiText size="s">
+      {tracker.name} {timeIcon} <EuiIcon type={'bell'} size="s" title={'Notifications are enabled'} />
+    </EuiText>
+  ) : (
+    <EuiText size="s">
+      {tracker.name} {timeIcon}
+    </EuiText>
+  );
+}