chore: fix of TSC errors

michaelwenk · michaelwenk · commit 2e57e4600d10 · 2025-06-18T12:39:23.000+02:00
diff --git a/web-frontend/src/elements/basic/Segmented.tsx b/web-frontend/src/elements/basic/Segmented.tsx
@@ -6,6 +6,7 @@ import { SegmentedOptions } from 'antd/es/segmented';
 import {
   createRef,
   CSSProperties,
+  JSX,
   useCallback,
   useEffect,
   useMemo,
@@ -35,6 +36,8 @@ function Segmented({
     () => elements.map(() => createRef<HTMLDivElement>()),
     [elements],
   );
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
   const isVisibles = elementRefs.map(useIsVisible);
 
   useEffect(() => {
diff --git a/web-frontend/src/elements/common/FilterTable.tsx b/web-frontend/src/elements/common/FilterTable.tsx
@@ -51,6 +51,8 @@ function FilterTable({
 
   const handleOnSelectAll = useCallback(() => {
     setFieldValue(
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
       [filterName, label],
       allSelected ? [] : options.map((vc) => vc.value),
     );
diff --git a/web-frontend/src/elements/common/SearchAndResultPanel.tsx b/web-frontend/src/elements/common/SearchAndResultPanel.tsx
@@ -1,5 +1,5 @@
 import { Content } from 'antd/es/layout/layout';
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { JSX, useCallback, useEffect, useMemo, useState } from 'react';
 import ResultTableSortOptionType from '../../types/ResultTableSortOptionType';
 import resultTableSortOptionValues from '../../constants/resultTableSortOptionValues';
 import ResultPanel from '../result/ResultPanel';
diff --git a/web-frontend/src/elements/record/AcquisitionTable.tsx b/web-frontend/src/elements/record/AcquisitionTable.tsx
@@ -1,7 +1,7 @@
 import './Table.scss';
 
 import { Table } from 'antd';
-import { CSSProperties, useMemo } from 'react';
+import { CSSProperties, JSX, useMemo } from 'react';
 import { splitStringAndCapitaliseFirstLetter } from '../../utils/stringUtils';
 import ExportableContent from '../common/ExportableContent';
 import copyTextToClipboard from '../../utils/copyTextToClipboard';
diff --git a/web-frontend/src/elements/record/MassSpectrometryTable.tsx b/web-frontend/src/elements/record/MassSpectrometryTable.tsx
@@ -1,7 +1,7 @@
 import './Table.scss';
 
 import { Table } from 'antd';
-import { CSSProperties, useMemo } from 'react';
+import { CSSProperties, JSX, useMemo } from 'react';
 import { splitStringAndCapitaliseFirstLetter } from '../../utils/stringUtils';
 import ExportableContent from '../common/ExportableContent';
 import copyTextToClipboard from '../../utils/copyTextToClipboard';
diff --git a/web-frontend/src/elements/record/RecordView.tsx b/web-frontend/src/elements/record/RecordView.tsx
@@ -1,5 +1,5 @@
 import Record from '../../types/record/Record';
-import { useCallback, useMemo } from 'react';
+import { JSX, useCallback, useMemo } from 'react';
 import Resizable from '../common/Resizable';
 import { Content } from 'antd/es/layout/layout';
 import AnnotationTable from './AnnotationTable';
diff --git a/web-frontend/src/elements/record/SpeciesTable.tsx b/web-frontend/src/elements/record/SpeciesTable.tsx
@@ -1,7 +1,7 @@
 import './Table.scss';
 
 import { CSSProperties, useMemo } from 'react';
-import Species from '../../types/Species';
+import Species from '../../types/record/Species';
 import { Table } from 'antd';
 import LinksTable from './LinksTable';
 import { Content } from 'antd/es/layout/layout';
diff --git a/web-frontend/src/elements/routes/UserInterface.tsx b/web-frontend/src/elements/routes/UserInterface.tsx
@@ -28,6 +28,8 @@ function UserInterface({ body }: InputProps) {
           <div dangerouslySetInnerHTML={{ __html: container.innerHTML }} />
         ) : null,
       );
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
       if (window.showDataPrivacyModal === true) {
         setShowDataPrivacyModal(true);
       }
diff --git a/web-frontend/src/elements/routes/pages/content/SunburstPlot.tsx b/web-frontend/src/elements/routes/pages/content/SunburstPlot.tsx
@@ -70,6 +70,8 @@ function SunburstPlot({ data, onSelect, width, height, level }: InputProps) {
         parents: data.parents,
         values: data.values,
         level,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         insidetextorientation: 'radial',
         branchvalues: 'total',
         marker: {
diff --git a/web-frontend/src/elements/routes/pages/home/HomeView.tsx b/web-frontend/src/elements/routes/pages/home/HomeView.tsx
@@ -1,5 +1,5 @@
 import Layout, { Content } from 'antd/es/layout/layout';
-import { memo } from 'react';
+import { JSX, memo } from 'react';
 import News from '../../../common/News';
 import SectionDivider from '../../../basic/SectionDivider';
 import AcknowledgementNFDI4Chem from '../../../common/AcknowledgementNFDI4Chem';
diff --git a/web-frontend/src/elements/routes/pages/search/searchPanel/peakSearch/PeakSearch.tsx b/web-frontend/src/elements/routes/pages/search/searchPanel/peakSearch/PeakSearch.tsx
@@ -1,4 +1,11 @@
-import { MouseEvent, useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  JSX,
+  MouseEvent,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
 import PeakSearchRow from './PeakSearchRow';
 import { Button, Col, Row } from 'antd';
 import { MinusCircleFilled, PlusCircleFilled } from '@ant-design/icons';
diff --git a/web-frontend/src/utils/buildFormDataFromSearchParams.ts b/web-frontend/src/utils/buildFormDataFromSearchParams.ts
@@ -35,7 +35,7 @@ function buildFormDataFromSearchParams(searchParams: URLSearchParams) {
     const peak_list_threshold =
       similarityPeakListThreshold !== undefined
         ? Number(similarityPeakListThreshold)
-        : defaultSearchFieldValues.spectralSearchFilterOptions?.similarity
+        : defaultSearchFieldValues.spectralSearchFilterOptions!.similarity!
             .threshold;
     if (formData.spectralSearchFilterOptions) {
       formData.spectralSearchFilterOptions.similarity = {
@@ -111,8 +111,8 @@ function buildFormDataFromSearchParams(searchParams: URLSearchParams) {
 
   const peaks = searchParams.get('peaks');
   if (peaks && peaks.length > 0) {
-    const peak_list = peaks.split(',').map((p) => {
-      return { mz: Number(p) };
+    const peak_list: PeakSearchPeakType[] = peaks.split(',').map((p) => {
+      return { mz: Number(p), formula: undefined };
     });
     const mass_tolerance = searchParams.get('mass_tolerance');
     const intensity = searchParams.get('intensity');
@@ -122,11 +122,12 @@ function buildFormDataFromSearchParams(searchParams: URLSearchParams) {
       peaks: peak_list,
       massTolerance: mass_tolerance
         ? Number(mass_tolerance)
-        : defaultSearchFieldValues.spectralSearchFilterOptions?.peaks
+        : defaultSearchFieldValues.spectralSearchFilterOptions!.peaks!
             .massTolerance,
       intensity: intensity
         ? Number(intensity)
-        : defaultSearchFieldValues.spectralSearchFilterOptions?.peaks.intensity,
+        : defaultSearchFieldValues.spectralSearchFilterOptions!.peaks!
+            .intensity,
     };
     containsValues = true;
   }
@@ -144,11 +145,11 @@ function buildFormDataFromSearchParams(searchParams: URLSearchParams) {
       neutralLosses,
       massTolerance: mass_tolerance
         ? Number(mass_tolerance)
-        : defaultSearchFieldValues.spectralSearchFilterOptions?.neutralLoss
+        : defaultSearchFieldValues.spectralSearchFilterOptions!.neutralLoss!
             .massTolerance,
       intensity: intensity
         ? Number(intensity)
-        : defaultSearchFieldValues.spectralSearchFilterOptions?.neutralLoss
+        : defaultSearchFieldValues.spectralSearchFilterOptions!.neutralLoss!
             .intensity,
     };
     containsValues = true;

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,8 @@ function UserInterface({ body }: InputProps) {`
`28`	`28`	`<div dangerouslySetInnerHTML={{ __html: container.innerHTML }} />`
`29`	`29`	`) : null,`
`30`	`30`	`);`
	`31`	`+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment`
	`32`	`+ // @ts-ignore`
`31`	`33`	`if (window.showDataPrivacyModal === true) {`
`32`	`34`	`setShowDataPrivacyModal(true);`
`33`	`35`	`}`