Convert Import Series to TypeScript

2026-04-19 21:46:43 -04:00 · 2025-01-12 19:39:29 -08:00
parent ab1f8bdbd9
commit 6f871a1bfb
54 changed files with 1614 additions and 2320 deletions
@@ -0,0 +1,80 @@
+import React from 'react';
+import SeriesMonitoringOptionsPopoverContent from 'AddSeries/SeriesMonitoringOptionsPopoverContent';
+import SeriesTypePopoverContent from 'AddSeries/SeriesTypePopoverContent';
+import Icon from 'Components/Icon';
+import VirtualTableHeader from 'Components/Table/VirtualTableHeader';
+import VirtualTableHeaderCell from 'Components/Table/VirtualTableHeaderCell';
+import VirtualTableSelectAllHeaderCell from 'Components/Table/VirtualTableSelectAllHeaderCell';
+import Popover from 'Components/Tooltip/Popover';
+import { icons, tooltipPositions } from 'Helpers/Props';
+import { CheckInputChanged } from 'typings/inputs';
+import translate from 'Utilities/String/translate';
+import styles from './ImportSeriesHeader.css';
+
+interface ImportSeriesHeaderProps {
+  allSelected: boolean;
+  allUnselected: boolean;
+  onSelectAllChange: (change: CheckInputChanged) => void;
+}
+
+function ImportSeriesHeader({
+  allSelected,
+  allUnselected,
+  onSelectAllChange,
+}: ImportSeriesHeaderProps) {
+  return (
+    <VirtualTableHeader>
+      <VirtualTableSelectAllHeaderCell
+        allSelected={allSelected}
+        allUnselected={allUnselected}
+        onSelectAllChange={onSelectAllChange}
+      />
+
+      <VirtualTableHeaderCell className={styles.folder} name="folder">
+        {translate('Folder')}
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell className={styles.monitor} name="monitor">
+        {translate('Monitor')}
+
+        <Popover
+          anchor={<Icon className={styles.detailsIcon} name={icons.INFO} />}
+          title={translate('MonitoringOptions')}
+          body={<SeriesMonitoringOptionsPopoverContent />}
+          position={tooltipPositions.RIGHT}
+        />
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell
+        className={styles.qualityProfile}
+        name="qualityProfileId"
+      >
+        {translate('QualityProfile')}
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell className={styles.seriesType} name="seriesType">
+        {translate('SeriesType')}
+
+        <Popover
+          anchor={<Icon className={styles.detailsIcon} name={icons.INFO} />}
+          title={translate('SeriesType')}
+          body={<SeriesTypePopoverContent />}
+          position={tooltipPositions.RIGHT}
+        />
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell
+        className={styles.seasonFolder}
+        name="seasonFolder"
+      >
+        {translate('SeasonFolder')}
+      </VirtualTableHeaderCell>
+
+      <VirtualTableHeaderCell className={styles.series} name="series">
+        {translate('Series')}
+      </VirtualTableHeaderCell>
+    </VirtualTableHeader>
+  );
+}
+
+export default ImportSeriesHeader;