Merge pull request #433 from skalenetwork/fix-number-imports

Add fix for images with numbers in name
skalenetwork · Dec 9, 2024 · 3df153a · 3df153a
2 parents 708ee7e + 07fd85b
commit 3df153a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/generate-imports.cjs b/generate-imports.cjs
@@ -21,7 +21,9 @@ const generateNamespaceExportsForDir = (dir) => {
     if (svgFiles.length === 0) return; // Skip folders without SVGs
 
     const namespaceExports = svgFiles.map(file => {
-        const variableName = path.basename(file, path.extname(file)).replace(/-([a-z])/g, (_, g) => g.toUpperCase()); // Convert kebab-case to camelCase
+        const variableName = path.basename(file, path.extname(file))
+            .replace(/^(_+)/, '$1')
+            .replace(/-([a-z0-9])/gi, (_, g) => g.toUpperCase());
         return `export * as ${variableName} from './${path.basename(file)}';`;
     }).join('\n');
 

diff --git a/src/components/ChainLogo.tsx b/src/components/ChainLogo.tsx
@@ -57,7 +57,9 @@ export default function ChainLogo(props: {
   if (props.app) {
     logoName += `-${props.app}`
   }
-  const baseLocalPath = logoName.replace(/-([a-z])/g, (_, g) => g.toUpperCase())
+  const baseLocalPath = logoName
+    .replace(/^(_+)/, '$1')
+    .replace(/-([a-z0-9])/gi, (_, g) => g.toUpperCase())
 
   const [url, setUrl] = useState<any | null>(props.logos[baseLocalPath])