refactor(icons): 迁移 views/Concept 目录图标到 lucide-react
- @chakra-ui/icons → lucide-react - react-icons → lucide-react - 处理 Box/BoxIcon 命名冲突 - 涉及 6 个组件文件 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -31,18 +31,18 @@ import {
|
||||
} from '@chakra-ui/react';
|
||||
import { keyframes } from '@emotion/react';
|
||||
import {
|
||||
FaLayerGroup,
|
||||
FaSync,
|
||||
FaExpand,
|
||||
FaCompress,
|
||||
FaHome,
|
||||
FaArrowUp,
|
||||
FaArrowDown,
|
||||
FaCircle,
|
||||
FaTh,
|
||||
FaChevronRight,
|
||||
FaArrowLeft,
|
||||
} from 'react-icons/fa';
|
||||
Layers,
|
||||
RefreshCw,
|
||||
Maximize2,
|
||||
Minimize2,
|
||||
Home,
|
||||
ArrowUp,
|
||||
ArrowDown,
|
||||
Circle,
|
||||
Grid3x3,
|
||||
ChevronRight,
|
||||
ArrowLeft,
|
||||
} from 'lucide-react';
|
||||
import { logger } from '../../../utils/logger';
|
||||
|
||||
// 极光动画 - 黑金色主题
|
||||
@@ -1052,7 +1052,7 @@ const ForceGraphView = ({
|
||||
borderColor="whiteAlpha.100"
|
||||
>
|
||||
<VStack spacing={4}>
|
||||
<Icon as={FaLayerGroup} boxSize={16} color="gray.600" />
|
||||
<Icon as={Layers} boxSize={16} color="gray.600" />
|
||||
<Text color="gray.400">加载失败:{error}</Text>
|
||||
<Button
|
||||
colorScheme="purple"
|
||||
@@ -1078,7 +1078,7 @@ const ForceGraphView = ({
|
||||
<Tooltip label="返回上一层" placement="bottom">
|
||||
<IconButton
|
||||
size="sm"
|
||||
icon={<FaArrowLeft />}
|
||||
icon={<ArrowLeft />}
|
||||
onClick={handleGoBack}
|
||||
bg="whiteAlpha.100"
|
||||
color="white"
|
||||
@@ -1104,7 +1104,7 @@ const ForceGraphView = ({
|
||||
border="1px solid"
|
||||
borderColor="whiteAlpha.200"
|
||||
>
|
||||
<Icon as={FaTh} color="purple.300" />
|
||||
<Icon as={Grid3x3} color="purple.300" />
|
||||
<Text color="white" fontWeight="bold" fontSize="sm">
|
||||
概念矩形树图
|
||||
</Text>
|
||||
@@ -1123,7 +1123,7 @@ const ForceGraphView = ({
|
||||
{breadcrumbItems.map((item, index) => (
|
||||
<HStack key={index} spacing={2}>
|
||||
{index > 0 && (
|
||||
<Icon as={FaChevronRight} color="whiteAlpha.400" boxSize={3} />
|
||||
<Icon as={ChevronRight} color="whiteAlpha.400" boxSize={3} />
|
||||
)}
|
||||
<Text
|
||||
color={index === breadcrumbItems.length - 1 ? 'purple.300' : 'whiteAlpha.700'}
|
||||
@@ -1153,7 +1153,7 @@ const ForceGraphView = ({
|
||||
<Tooltip label="返回全部" placement="left">
|
||||
<IconButton
|
||||
size="sm"
|
||||
icon={<FaHome />}
|
||||
icon={<Home />}
|
||||
onClick={handleGoHome}
|
||||
bg="whiteAlpha.100"
|
||||
color="white"
|
||||
@@ -1174,7 +1174,7 @@ const ForceGraphView = ({
|
||||
<Tooltip label="刷新数据" placement="left">
|
||||
<IconButton
|
||||
size="sm"
|
||||
icon={<FaSync />}
|
||||
icon={<RefreshCw />}
|
||||
onClick={handleRefresh}
|
||||
isLoading={priceLoading}
|
||||
bg="whiteAlpha.100"
|
||||
@@ -1195,7 +1195,7 @@ const ForceGraphView = ({
|
||||
<Tooltip label={isFullscreen ? '退出全屏' : '全屏'} placement="left">
|
||||
<IconButton
|
||||
size="sm"
|
||||
icon={isFullscreen ? <FaCompress /> : <FaExpand />}
|
||||
icon={isFullscreen ? <Minimize2 /> : <Maximize2 />}
|
||||
onClick={toggleFullscreen}
|
||||
bg="whiteAlpha.100"
|
||||
color="white"
|
||||
|
||||
Reference in New Issue
Block a user