feat: search series in anomaly response data

[YounixM]

Anomaly.Detection.-.Search.Series.mov

---

Important

Adds search functionality to filter series in AnomalyAlertEvaluationView with debounced input and updated styles.

• Behavior:
  • Adds search functionality in AnomalyAlertEvaluationView.tsx using Search component from antd.
  • Filters series based on search input, updating filteredSeriesKeys state.
  • Displays "No series found" message if no series match the search.
• Styles:
  • Adds .anomaly-alert-evaluation-view-series-list-search class in AnomalyAlertEvaluationView.styles.scss for search input styling.
  • Customizes scrollbar appearance for series list.
• Misc:
  • Uses useDebouncedFn for debouncing search input changes.

^{This description was created by for a915eab. It will automatically update as commits are pushed.}

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[ellipsis-dev]

❌ Changes requested. Reviewed everything up to 5ebafd7 in 45 seconds

More details

• Looked at 175 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:65

• Draft comment:
  Avoid using any type. Define specific types or interfaces for seriesData to ensure type safety.
• Reason this comment was not posted:
  Comment was on unchanged code.

2. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:220

• Draft comment:
  Trim searchText in handleSearch to avoid unnecessary spaces affecting search results.
• Reason this comment was not posted:
  Confidence changes required: 50%
  The handleSearch function is filtering allSeries based on the search text. However, the search is case-insensitive, which is good, but it could be optimized by trimming the search text to avoid unnecessary spaces affecting the search results.

Workflow ID: wflow_ZmUl8cWazEyeHf1Y

---

Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[ellipsis-dev]

❌ Changes requested. Incremental review on 150f243 in 34 seconds

More details

• Looked at 175 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 3 drafted comments based on config settings.

1. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:5

• Draft comment:
  Import Search directly from antd to ensure proper tree-shaking and reduce bundle size.

import { Checkbox, Typography, Input } from 'antd';
const { Search } = Input;

• Reason this comment was not posted:
  Comment looked like it was already resolved.

2. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:80

• Draft comment:
  Combine setAllSeries and setFilteredSeriesKeys to avoid redundancy.

const seriesKeys = Object.keys(chartData);
setAllSeries(seriesKeys);
setFilteredSeriesKeys(seriesKeys);

• Reason this comment was not posted:
  Confidence changes required: 50%
  The useEffect hook for setting seriesData and allSeries is correct, but the setFilteredSeriesKeys can be combined with setAllSeries to avoid redundant code.

3. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:269

• Draft comment:
  Avoid using inline styles like strokeWidth={0.5}. Consider using CSS classes or styled components instead for better maintainability.
• Reason this comment was not posted:
  Comment was on unchanged code.

Workflow ID: wflow_k0whFWxpm4a05cJj

---

Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[ellipsis-dev]

❌ Changes requested. Incremental review on a915eab in 43 seconds

More details

• Looked at 175 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 1 drafted comments based on config settings.

1. frontend/src/container/AnomalyAlertEvaluationView/AnomalyAlertEvaluationView.tsx:5

• Draft comment:
  Import Search directly from antd to ensure proper tree-shaking and reduce bundle size.

import { Checkbox, Typography, Input } from 'antd';

• Reason this comment was not posted:
  Decided after close inspection that this draft comment was likely wrong and/or not actionable:
  The comment is about a change made in the diff, specifically the import statement for Search. The suggestion to import directly from antd could be valid if it indeed helps with tree-shaking and bundle size. However, without specific evidence or knowledge about the project's build setup, it's speculative. The comment doesn't provide strong evidence that the current import method is problematic.
  The comment assumes that importing from antd will always result in better tree-shaking, which might not be true depending on the project's build configuration. It lacks specific evidence or context to support the claim.
  While the comment lacks specific evidence, it is a common practice to import directly from libraries like antd for better tree-shaking. However, without knowing the project's build setup, it's speculative.
  The comment is speculative and lacks strong evidence. It should be deleted as it doesn't definitively identify an issue with the current import method.

Workflow ID: wflow_aw3LaaWkr5IV7jfI

---

Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[vikrantgupta25]

LGTM