🐛 fix: fix file type icon (#243)

* 🐛 fix: fix file type icon

* Update index.tsx

* Update index.tsx

.dumirc.ts

@@ -27,7 +27,6 @@ const nav: INavItem[] = [
   { link: '/components/brand/lobe-hub', title: 'Brand' },
   { link: '/components/mdx/callout', title: 'Mdx' },
   { link: '/components/color/color-scales', title: 'Color' },
-  { link: '/components/icons/file-type-icon', mode: 'override', title: 'Icons' },
   { link: '/changelog', title: 'Changelog' },
 ];
 

src/icons/FileTypeIcon/demos/Icon.tsx → src/FileTypeIcon/demos/Icon.tsx

@@ -1,5 +1,4 @@
-import { Icon } from '@lobehub/ui';
-import { FileTypeIcon } from '@lobehub/ui/icons';
+import { FileTypeIcon, Icon } from '@lobehub/ui';
 import { createStyles, useTheme } from 'antd-style';
 import { ArrowUpIcon, PlusIcon } from 'lucide-react';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -13,12 +12,12 @@ const useStyles = createStyles(({ css, token }) => {
 
       width: 150px;
       height: 100px;
+      border-radius: ${token.borderRadiusLG}px;
 
       font-weight: 500;
       text-align: center;
 
       background: ${token.colorFillTertiary};
-      border-radius: ${token.borderRadiusLG}px;
       box-shadow: 0 0 0 1px ${token.colorFillTertiary} inset;
     `,
     glow: css`

src/icons/FileTypeIcon/demos/index.tsx → src/FileTypeIcon/demos/index.tsx

@@ -1,4 +1,5 @@
-import { FileTypeIcon, FileTypeIconProps } from '@lobehub/ui/icons';
+import { FileTypeIcon, FileTypeIconProps } from '@lobehub/ui';
+
 import { StoryBook, useControls, useCreateStore } from '@lobehub/ui/storybook';
 
 export default () => {

src/FileTypeIcon/index.md

@@ -0,0 +1,16 @@
+---
+nav: Components
+title: FileTypeIcon
+---
+
+## Default
+
+<code src="./demos/index.tsx" nopadding></code>
+
+## Custom Icon
+
+<code src="./demos/Icon.tsx" center></code>
+
+## APIs
+
+<API></API>

src/icons/MaterialFileTypeIcon/demos/index.tsx → src/MaterialFileTypeIcon/demos/index.tsx

@@ -1,4 +1,5 @@
-import { MaterialFileTypeIcon, MaterialFileTypeIconProps } from '@lobehub/ui/icons';
+import { MaterialFileTypeIcon, MaterialFileTypeIconProps } from '@lobehub/ui';
+
 import { StoryBook, useControls, useCreateStore } from '@lobehub/ui/storybook';
 
 export default () => {

src/MaterialFileTypeIcon/index.md

@@ -0,0 +1,12 @@
+---
+nav: Components
+title: MaterialFileTypeIcon
+---
+
+## Default
+
+<code src="./demos/index.tsx" nopadding></code>
+
+## APIs
+
+<API></API>

src/icons/MaterialFileTypeIcon/index.tsx → src/MaterialFileTypeIcon/index.tsx

@@ -4,8 +4,8 @@ import { memo, useMemo } from 'react';
 import { Center } from 'react-layout-kit';
 
 import { useCdnFn } from '@/ConfigProvider';
+import FileTypeIcon from '@/FileTypeIcon';
 import Img from '@/Img';
-import FileTypeIcon from '@/icons/FileTypeIcon';
 import { DivProps } from '@/types';
 
 import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from './utils';

src/components.ts

@@ -33,6 +33,7 @@ export {
 export { default as EditableText, type EditableTextProps } from './EditableText';
 export { default as EmojiPicker, type EmojiPickerProps } from './EmojiPicker';
 export { default as EmptyCard, type EmptyCardProps } from './EmptyCard';
+export { default as FileTypeIcon, type FileTypeIconProps } from './FileTypeIcon';
 export { default as FluentEmoji, type FluentEmojiProps } from './FluentEmoji';
 export { default as FontLoader, type FontLoaderProps } from './FontLoader';
 export { default as Footer, type FooterProps } from './Footer';
@@ -80,6 +81,10 @@ export {
 export { default as List, type ListItemProps } from './List';
 export { default as Markdown, type MarkdownProps } from './Markdown';
 export { Typography, type TypographyProps } from './Markdown/Typography';
+export {
+  default as MaterialFileTypeIcon,
+  type MaterialFileTypeIconProps,
+} from './MaterialFileTypeIcon';
 export { default as Mermaid, type MermaidProps } from './Mermaid';
 export { default as Modal, type ModalProps } from './Modal';
 export { default as SearchBar, type SearchBarProps } from './SearchBar';

src/icons/index.ts

@@ -1,2 +1,13 @@
-export * from './components';
-export * from './icons';
+export { default as Auth0, type CompoundedIcon as Auth0Props } from './Auth0';
+export { default as Authelia, type CompoundedIcon as AutheliaProps } from './Authelia';
+export { default as Authentik, type CompoundedIcon as AuthentikProps } from './Authentik';
+export { default as Casdoor, type CompoundedIcon as CasdoorProps } from './Casdoor';
+export { default as Clerk, type CompoundedIcon as ClerkProps } from './Clerk';
+export { default as Logto, type CompoundedIcon as LogtoProps } from './Logto';
+export {
+  default as MicrosoftEntra,
+  type CompoundedIcon as MicrosoftEntraProps,
+} from './MicrosoftEntra';
+export { default as NextAuth, type CompoundedIcon as NextAuthProps } from './NextAuth';
+export { default as Zitadel, type CompoundedIcon as ZitadelProps } from './Zitadel';
+export { Cloudflare, type CloudflareProps, Github, type GithubProps } from '@lobehub/icons';

src/index.ts

@@ -3,6 +3,5 @@ export { default as Logo, type LobeHubProps as LogoProps } from './brand/LobeHub
 export * from './chat';
 export * from './color';
 export * from './components';
-export * from './icons/components';
 export * from './mobile';
 export * from './storybook';