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

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

@ -1,26 +1,21 @@
import React from 'react'; import React from 'react';
import { addCollection, Icon } from '@iconify/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 iconsLoaded = false;
let localIconCount = 0; let localIconCount = 0;
// Use a simple try/catch for the icon loading try {
(async () => { if (iconSet) {
try { addCollection(iconSet);
const iconModule = await import('../../assets/material-symbols-icons.json'); iconsLoaded = true;
const iconSet = iconModule.default || iconModule; localIconCount = Object.keys(iconSet.icons || {}).length;
if (iconSet) { console.info(`✅ Local icons loaded: ${localIconCount} icons (${Math.round(JSON.stringify(iconSet).length / 1024)}KB)`);
addCollection(iconSet);
iconsLoaded = true;
localIconCount = Object.keys(iconSet.icons || {}).length;
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');
} }
})(); } catch (error) {
console.info('ℹ️ Local icons not available - using CDN fallback');
}
interface LocalIconProps { interface LocalIconProps {
icon: string; 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 React, { createContext, useContext, useMemo, useRef } from 'react';
import { Text, Stack, Box, Flex, Divider } from '@mantine/core'; import { Text, Stack, Box, Flex, Divider } from '@mantine/core';
import LocalIcon from '../../shared/LocalIcon'; 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 { Tooltip } from '../../shared/Tooltip';
import { TooltipTip } from '../../../types/tips'; import { TooltipTip } from '../../../types/tips';
import { createFilesToolStep, FilesToolStepProps } from './FilesToolStep'; import { createFilesToolStep, FilesToolStepProps } from './FilesToolStep';
@ -124,14 +122,12 @@ const ToolStep = ({
</Flex> </Flex>
{isCollapsed ? ( {isCollapsed ? (
<ChevronRightIcon style={{ <LocalIcon icon="chevron-right-rounded" width="1.2rem" height="1.2rem" style={{
fontSize: '1.2rem',
color: 'var(--mantine-color-dimmed)', color: 'var(--mantine-color-dimmed)',
opacity: onCollapsedClick ? 1 : 0.5 opacity: onCollapsedClick ? 1 : 0.5
}} /> }} />
) : ( ) : (
<ExpandMoreIcon style={{ <LocalIcon icon="expand-more-rounded" width="1.2rem" height="1.2rem" style={{
fontSize: '1.2rem',
color: 'var(--mantine-color-dimmed)', color: 'var(--mantine-color-dimmed)',
opacity: onCollapsedClick ? 1 : 0.5 opacity: onCollapsedClick ? 1 : 0.5
}} /> }} />