💄 style: Fix Cursor icon

lobehub · Nov 27, 2024 · 8d8aee7 · 8d8aee7
1 parent 256c669
commit 8d8aee7
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 5 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1,5 +1,6 @@
 #!/usr/bin/env sh
 
+npm run build:toc
 git add .
 npm run type-check
 npx --no-install lint-staged
diff --git a/packages/static-png/dark/cursor.png b/packages/static-png/dark/cursor.png
diff --git a/packages/static-svg/icons/cursor.svg b/packages/static-svg/icons/cursor.svg
diff --git a/packages/static-webp/light/cursor.webp b/packages/static-webp/light/cursor.webp
diff --git a/scripts/svgWorkflow/index.ts b/scripts/svgWorkflow/index.ts
@@ -22,7 +22,7 @@ const themeColors = {
 };
 
 class SvgWorkflow {
-  ignoreList = ['dify.svg', 'dify-color.svg'];
+  ignoreList = ['cursor.svg', 'dify.svg', 'dify-color.svg'];
 
   exportSvg(Component: ComponentType, outputFileName: string): void {
     const svgString = renderToStaticMarkup(createElement(Component));

diff --git a/src/components/Dashboard/IconItem.tsx b/src/components/Dashboard/IconItem.tsx
@@ -87,7 +87,7 @@ const IconItem = memo<IconItemProps>(({ children, title, color, id }) => {
     const url = URL.createObjectURL(blob);
     const downloadLink = document.createElement('a');
     downloadLink.href = url;
-    downloadLink.download = 'icon.svg';
+    downloadLink.download = `${id.toLowerCase()}.svg`;
     document.body.append(downloadLink);
     downloadLink.click();
     downloadLink.remove();
@@ -132,9 +132,14 @@ const IconItem = memo<IconItemProps>(({ children, title, color, id }) => {
         </Center>
         <Flexbox flex={1} horizontal paddingInline={12}>
           <Center flex={1} height={32}>
-            <Link style={{ color: 'inherit' }} to={`/components/${customKebabCase(id)}`}>
+            <a
+              href={`https://lobehub.com/icons/${customKebabCase(id)}`}
+              rel="noreferrer"
+              style={{ color: 'inherit' }}
+              target={'_blank'}
+            >
               <ActionIcon icon={SearchIcon} size={'small'} />
-            </Link>
+            </a>
           </Center>
           <Center flex={1} height={32} onClick={handleDownload}>
             <ActionIcon icon={DownloadIcon} size={'small'} />