saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-26 06:09:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

some other icons

Browse Source
This commit is contained in:
Anthony Stirling 2025-08-25 15:17:18 +01:00
parent c8b86ed2cd
commit cca6ff6143
2 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/shared/LocalIcon.tsx
View File

@ -1,15 +1,12 @@
import React from 'react';
import { addCollection, Icon } from '@iconify/react';
import iconSet from '../../assets/material-symbols-icons.json';
// Try to load icons at import time
// Load icons synchronously at import time - guaranteed to be ready on first render
let iconsLoaded = false;
let localIconCount = 0;
// Use a simple try/catch for the icon loading
(async () => {
try {
const iconModule = await import('../../assets/material-symbols-icons.json');
const iconSet = iconModule.default || iconModule;
if (iconSet) {
addCollection(iconSet);
iconsLoaded = true;
@ -17,10 +14,8 @@ let localIconCount = 0;
console.info(`✅ Local icons loaded: ${localIconCount} icons (${Math.round(JSON.stringify(iconSet).length / 1024)}KB)`);
}
} catch (error) {
// Silently fail - icons will fallback to CDN
console.info('ℹ️ Local icons not available - using CDN fallback');
}
})();
interface LocalIconProps {
icon: string;

8
frontend/src/components/tools/shared/ToolStep.tsx
View File

@ -1,8 +1,6 @@
import React, { createContext, useContext, useMemo, useRef } from 'react';
import { Text, Stack, Box, Flex, Divider } from '@mantine/core';
import LocalIcon from '../../shared/LocalIcon';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
import { Tooltip } from '../../shared/Tooltip';
import { TooltipTip } from '../../../types/tips';
import { createFilesToolStep, FilesToolStepProps } from './FilesToolStep';
@ -124,14 +122,12 @@ const ToolStep = ({
</Flex>
{isCollapsed ? (
<ChevronRightIcon style={{
fontSize: '1.2rem',
<LocalIcon icon="chevron-right-rounded" width="1.2rem" height="1.2rem" style={{
color: 'var(--mantine-color-dimmed)',
opacity: onCollapsedClick ? 1 : 0.5
}} />
) : (
<ExpandMoreIcon style={{
fontSize: '1.2rem',
<LocalIcon icon="expand-more-rounded" width="1.2rem" height="1.2rem" style={{
color: 'var(--mantine-color-dimmed)',
opacity: onCollapsedClick ? 1 : 0.5
}} />