{name}
- {icon}
-
+ {icon && {icon}}
+
{filesize(size, { standard: "jedec", spacer: "" })}
diff --git a/src/components/Common/Icons/FileIcon.tsx b/src/components/Common/Icons/FileIcon.tsx
new file mode 100644
index 00000000..d30baf06
--- /dev/null
+++ b/src/components/Common/Icons/FileIcon.tsx
@@ -0,0 +1,24 @@
+import platformAdapter from "@/utils/platformAdapter";
+import { FC, useEffect, useState } from "react";
+import FontIcon from "./FontIcon";
+import { twMerge } from "tailwind-merge";
+
+interface FileIconProps {
+ path: string;
+ className?: string;
+}
+
+const FileIcon: FC
= (props) => {
+ const { path, className } = props;
+ const [iconName, setIconName] = useState("");
+
+ useEffect(() => {
+ platformAdapter
+ .invokeBackend("get_file_icon", { path })
+ .then(setIconName);
+ });
+
+ return ;
+};
+
+export default FileIcon;
diff --git a/src/components/Common/Icons/FileIcon/AudioIcon.tsx b/src/components/Common/Icons/FileIcon/AudioIcon.tsx
deleted file mode 100644
index e94c954d..00000000
--- a/src/components/Common/Icons/FileIcon/AudioIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-const AudioIcon = () => {
- return (
-
- );
-};
-
-export default AudioIcon;
diff --git a/src/components/Common/Icons/FileIcon/VideoIcon.tsx b/src/components/Common/Icons/FileIcon/VideoIcon.tsx
deleted file mode 100644
index b7924f4d..00000000
--- a/src/components/Common/Icons/FileIcon/VideoIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-const VideoIcon = () => {
- return (
-
- );
-};
-
-export default VideoIcon;
diff --git a/src/components/Common/Icons/FileIcon/index.tsx b/src/components/Common/Icons/FileIcon/index.tsx
deleted file mode 100644
index aa913bcf..00000000
--- a/src/components/Common/Icons/FileIcon/index.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import {
- FileExcelFilled,
- FileImageFilled,
- FileMarkdownFilled,
- FilePdfFilled,
- FilePptFilled,
- FileTextFilled,
- FileWordFilled,
- FileZipFilled,
-} from "@ant-design/icons";
-
-import AudioIcon from "./AudioIcon";
-import VideoIcon from "./VideoIcon";
-import { FC, useMemo } from "react";
-import clsx from "clsx";
-
-interface FileIconProps {
- extname: string;
- className?: string;
-}
-
-const FileIcon: FC = (props) => {
- const { extname, className } = props;
-
- const presetFileIcons = [
- {
- icon: ,
- color: "#22b35e",
- extnames: ["xlsx", "xls", "csv", "xlsm", "xltx", "xltm", "xlsb"],
- },
- {
- icon: ,
- color: "#13c2c2",
- extnames: [
- "png",
- "jpg",
- "jpeg",
- "gif",
- "bmp",
- "webp",
- "svg",
- "ico",
- "tiff",
- "raw",
- "heic",
- "psd",
- "ai",
- ],
- },
- {
- icon: ,
- color: "#722ed1",
- extnames: ["md", "mdx", "markdown", "mdown", "mkd", "mkdn"],
- },
- {
- icon: ,
- color: "#ff4d4f",
- extnames: ["pdf", "xps", "oxps"],
- },
- {
- icon: ,
- color: "#d04423",
- extnames: [
- "ppt",
- "pptx",
- "pps",
- "ppsx",
- "pot",
- "potx",
- "pptm",
- "potm",
- "ppsm",
- ],
- },
- {
- icon: ,
- color: "#1677ff",
- extnames: ["doc", "docx", "dot", "dotx", "docm", "dotm", "rtf", "odt"],
- },
- {
- icon: ,
- color: "#fab714",
- extnames: [
- "zip",
- "rar",
- "7z",
- "tar",
- "gz",
- "bz2",
- "xz",
- "tgz",
- "iso",
- "dmg",
- ],
- },
- {
- icon: ,
- color: "#7b61ff",
- extnames: [
- "mp4",
- "avi",
- "mov",
- "wmv",
- "flv",
- "mkv",
- "webm",
- "m4v",
- "mpeg",
- "mpg",
- "3gp",
- "rmvb",
- "ts",
- ],
- },
- {
- icon: ,
- color: "#eb2f96",
- extnames: [
- "mp3",
- "wav",
- "flac",
- "ape",
- "aac",
- "ogg",
- "wma",
- "m4a",
- "opus",
- "ac3",
- "mid",
- "midi",
- ],
- },
- ];
-
- const [icon, iconColor] = useMemo(() => {
- for (const item of presetFileIcons) {
- const { icon, color, extnames } = item;
-
- if (extnames.includes(extname)) {
- return [icon, color];
- }
- }
-
- return [, "#8c8c8c"];
- }, [extname]);
-
- return (
-
- {icon}
-
- );
-};
-
-export default FileIcon;
diff --git a/src/components/Search/InputUpload.tsx b/src/components/Search/InputUpload.tsx
index 7bc4323b..2d0e4613 100644
--- a/src/components/Search/InputUpload.tsx
+++ b/src/components/Search/InputUpload.tsx
@@ -59,7 +59,6 @@ const InputUpload: FC = (props) => {
captureWindowScreenshot,
openFileDialog,
getFileMetadata,
- getFileIcon,
} = props;
const { t, i18n } = useTranslation();
const { uploadFiles, setUploadFiles } = useChatStore();
@@ -105,7 +104,6 @@ const InputUpload: FC = (props) => {
...stat,
id: nanoid(),
path,
- icon: await getFileIcon(path, 256),
});
}
diff --git a/src/stores/chatStore.ts b/src/stores/chatStore.ts
index a2903ae9..dcb2c936 100644
--- a/src/stores/chatStore.ts
+++ b/src/stores/chatStore.ts
@@ -8,7 +8,6 @@ import { Metadata } from "tauri-plugin-fs-pro-api";
export interface UploadFile extends Metadata {
id: string;
path: string;
- icon: string;
uploaded?: boolean;
attachmentId?: string;
uploadFailed?: boolean;