update supported file type

Author: Weidows

react-app/src/components/FileCard/index.tsx

@@ -13,32 +13,32 @@ import styles from "./index.module.css";
 import { humanizeFileSize } from "utils/humanize";
 
 import Tooltip from "components/Tooltip/index";
+import { TableCellsIcon } from "@heroicons/react/24/solid";
 
 // TODO: how to download? by open a link in browser
 // or as background job?
 
-export type ValidFileType = ".txt" | ".pdf" | ".doc" | ".docx" | ".md";
-export type TabIDs = "reports-review" | "study-abroad-planning";
+export enum ValidFileTypeEnum {
+  TXT = ".txt",
+  PDF = ".pdf",
+  DOC = ".doc",
+  DOCX = ".docx",
+  MD = ".md",
+  XLS = ".xls",
+}
+export type ValidFileType = keyof ValidFileTypeEnum;
+
 export enum TabIDsEnum {
   ReportsReview = "reports-review",
   StudyAbroadPlanning = "study-abroad-planning",
 }
 
-export function GetValidFileTypeList() {
-  return [".txt", ".pdf", ".doc", ".docx", ".md"];
-}
-export function IsValidFileType(ext: string) {
-  if (!ext) return false;
-  ext = ext.toLowerCase();
-  return GetValidFileTypeList().includes(ext);
-}
-
 export interface FileCardCommonProps {
   tab: TabIDsEnum;
 
   className?: string;
 
-  filetype: ValidFileType;
+  filetype: ValidFileTypeEnum;
   filesize: number;
   filename: string;
   uploadProgress: number; // percentage, i.e. 0 - 1
@@ -287,15 +287,16 @@ export function DocumentIcon({
   type,
   classNames,
 }: {
-  type: ValidFileType;
+  type: ValidFileTypeEnum;
   classNames?: string;
 }) {
-  const mappings: Record<ValidFileType, ReactElement> = {
+  const mappings: Record<ValidFileTypeEnum, ReactElement> = {
     ".txt": <TxtIcon className={classNames} />,
     ".pdf": <PdfIcon className={classNames} />,
     ".doc": <DocIcon className={classNames} />,
     ".docx": <DocIcon className={classNames} />,
-    ".md": <DocIcon className={classNames} />,
+    ".md": <TxtIcon className={classNames} />,
+    ".xls": <TableCellsIcon className={classNames} />,
   };
 
   return mappings[type];

react-app/src/pages/home/index.tsx

@@ -23,19 +23,18 @@ import {
   DocumentIcon,
   FileCard,
   FileCardProps,
-  IsValidFileType,
   TabIDsEnum,
-  ValidFileType,
+  ValidFileTypeEnum
 } from "components/FileCard/index";
 import { Variants, motion } from "framer-motion";
 import { useQueryItem } from "hooks/useQueryItem";
 import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { classNames, modulize } from "utils/classNames";
 import { humanizeFileSize } from "utils/humanize";
 
+import { GetFileReview } from "@/api/review";
 import { AxiosProgressEvent } from "axios";
 import { historyFiles, settingsGroups } from "./static-conf";
-import { GetFileReview } from "@/api/review";
 
 type DialogIDs = "notifications" | "help" | "settings" | "search" | null;
 type WorkspaceIDs = "workspace" | "file-management";
@@ -152,11 +151,11 @@ const Home = () => {
   // 处理文件拖拽/点击上传后的操作
   const processFile = (file: File) => {
     const ext = path.extname(file.name);
-    if (!IsValidFileType(ext)) return;
+    if (!(ext.slice(1).toUpperCase() in ValidFileTypeEnum)) return;
 
     let fileProps: FileCardProps = {
       tab: currentTab,
-      filetype: ext as ValidFileType,
+      filetype: ext as ValidFileTypeEnum,
       filename: file.name,
       filesize: file.size,
       uploadProgress: 0,
@@ -199,7 +198,7 @@ const Home = () => {
         webkitRelativePath: "";
       }
     */
-    console.log(fileProps);
+    // console.log(fileProps);
 
     GetFileReview(payload, updateProgress)
       .then((response) => {

react-app/src/pages/home/static-conf.tsx

@@ -1,11 +1,11 @@
-import { ValidFileType } from "@/components/FileCard";
+import { ValidFileTypeEnum } from "@/components/FileCard";
 import { BriefcaseIcon, Cog8ToothIcon, UserIcon, UsersIcon } from "@heroicons/react/24/outline"
 import { People } from "@privata/types/people"
 import { ReactNode } from "react"
 
 interface File {
   filename: string;
-  ext: ValidFileType;
+  ext: ValidFileTypeEnum;
   size: number; // number of bytes
   date: number;
   chatId: number;