HighlightedText: improve variable names

Author: csillag

src/app/components/HighlightedText/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { MatchInfo, findTextMatches, NO_MATCH, NormalizerOptions, PositiveMatchInfo } from './text-matching'
+import { findTextMatches, NormalizerOptions, PositiveMatchInfo } from './text-matching'
 import { FC, ReactNode } from 'react'
 import { SxProps } from '@mui/material/styles'
 import Box from '@mui/material/Box'
@@ -56,7 +56,7 @@ interface HighlightedTextProps {
    * If not given, we will just search for the pattern.
    * If given, this will be executed, and the pattern will not even be considered.
    */
-  parts?: MatchInfo[]
+  partsToHighlight?: PositiveMatchInfo[]
 
   /**
    * Options for highlighting (case sensitivity, styling, etc.)
@@ -72,21 +72,18 @@ interface HighlightedTextProps {
 export const HighlightedText: FC<HighlightedTextProps> = ({
   text,
   pattern = NoHighlights,
-  parts,
+  partsToHighlight,
   options = defaultHighlight,
 }) => {
   const { sx = defaultHighlightStyle, findOptions = {} } = options
 
   // Have we been told what to highlight exactly? If not, look for the pattern
-  const tasks = parts ?? findTextMatches(text, pattern, findOptions)
-
-  // Get the real matches
-  const realTasks = tasks.filter((task): task is PositiveMatchInfo => task !== NO_MATCH)
+  const matches = partsToHighlight ?? findTextMatches(text, pattern, findOptions)
 
   if (text === undefined) return undefined // Nothing to display
-  if (!realTasks.length) return text // We don't have to highlight anything
+  if (!matches.length) return text // We don't have to highlight anything
 
-  const sortedTasks = realTasks.sort((a, b) =>
+  const sortedMatches = matches.sort((a, b) =>
     a.startPos > b.startPos ? 1 : a.startPos < b.startPos ? -1 : 0,
   )
 
@@ -96,9 +93,9 @@ export const HighlightedText: FC<HighlightedTextProps> = ({
 
   while (processedChars < text.length) {
     // Do we still have tasks?
-    if (processedTasks < sortedTasks.length) {
+    if (processedTasks < sortedMatches.length) {
       // Yes, there are more tasks
-      const task = sortedTasks[processedTasks]
+      const task = sortedMatches[processedTasks]
       if (task.startPos < processedChars) {
         // This task with collude
         processedTasks++ // just skip this task