chore: replace MUI icons with Lucide icons - 16 (#17862)

Close -> XIcon
WarningOutlined -> TriangleAlertIcon
FileCopyOutlined -> CopyIcon
KeyboardArrowRight -> ChevronRightIcon
Add -> PlusIcon
Send -> SendIcon
ChevronRight -> ChevronRightIcon
MoreHorizOutlined -> EllipsisIcon
This commit is contained in:
Bruno Quaresma
2025-05-15 15:42:09 -03:00
committed by GitHub
parent 952c254046
commit 3011eca0c5
19 changed files with 39 additions and 57 deletions
@@ -1,5 +1,5 @@
import type { Interpolation, Theme } from "@emotion/react";
import MoreHorizOutlined from "@mui/icons-material/MoreHorizOutlined";
import { EllipsisIcon } from "lucide-react";
import { type FC, useEffect, useRef, useState } from "react";
const spaceBetweenBlocks = 4;
@@ -37,7 +37,7 @@ export const Blocks: FC<BlocksProps> = ({ count }) => {
))}
{!hasSpacing && (
<div css={styles.more}>
<MoreHorizOutlined />
<EllipsisIcon className="size-icon-sm" />
</div>
)}
</div>
@@ -1,9 +1,9 @@
import type { Interpolation, Theme } from "@emotion/react";
import ChevronRight from "@mui/icons-material/ChevronRight";
import {
SearchField,
type SearchFieldProps,
} from "components/SearchField/SearchField";
import { ChevronRightIcon } from "lucide-react";
import type { FC, HTMLProps } from "react";
import React, { useEffect, useRef } from "react";
import type { BarColors } from "./Bar";
@@ -81,7 +81,7 @@ export const ChartBreadcrumbs: FC<ChartBreadcrumbsProps> = ({
</li>
{!isLast && (
<li role="presentation">
<ChevronRight />
<ChevronRightIcon />
</li>
)}
</React.Fragment>