mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-09-18 01:19:24 +00:00
bd13f6bf57
# Description of Changes Enable ESLint [no-unused-vars rule](https://typescript-eslint.io/rules/no-unused-vars/)
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import React from 'react';
|
||
import { addCollection, Icon } from '@iconify/react';
|
||
import iconSet from '../../assets/material-symbols-icons.json';
|
||
|
||
// Load icons synchronously at import time - guaranteed to be ready on first render
|
||
let iconsLoaded = false;
|
||
let localIconCount = 0;
|
||
|
||
try {
|
||
if (iconSet) {
|
||
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 {
|
||
console.info('ℹ️ Local icons not available - using CDN fallback');
|
||
}
|
||
|
||
interface LocalIconProps {
|
||
icon: string;
|
||
width?: string | number;
|
||
height?: string | number;
|
||
style?: React.CSSProperties;
|
||
className?: string;
|
||
}
|
||
|
||
/**
|
||
* LocalIcon component that uses our locally bundled Material Symbols icons
|
||
* instead of loading from CDN
|
||
*/
|
||
export const LocalIcon: React.FC<LocalIconProps> = ({ icon, ...props }) => {
|
||
// Convert our icon naming convention to the local collection format
|
||
const iconName = icon.startsWith('material-symbols:')
|
||
? icon
|
||
: `material-symbols:${icon}`;
|
||
|
||
// Development logging (only in dev mode)
|
||
if (process.env.NODE_ENV === 'development') {
|
||
const logKey = `icon-${iconName}`;
|
||
if (!sessionStorage.getItem(logKey)) {
|
||
const source = iconsLoaded ? 'local' : 'CDN';
|
||
console.debug(`🎯 Icon: ${iconName} (${source})`);
|
||
sessionStorage.setItem(logKey, 'logged');
|
||
}
|
||
}
|
||
|
||
// Always render the icon - Iconify will use local if available, CDN if not
|
||
return <Icon icon={iconName} {...props} />;
|
||
};
|
||
|
||
export default LocalIcon;
|