김재형

Add file and folder icon

...@@ -2,14 +2,18 @@ import React, { Fragment } from "react"; ...@@ -2,14 +2,18 @@ import React, { Fragment } from "react";
2 import { FileItem } from "./useFileList"; 2 import { FileItem } from "./useFileList";
3 import { Link } from "react-router-dom"; 3 import { Link } from "react-router-dom";
4 4
5 +import { FolderFilled, FileFilled } from "@ant-design/icons";
6 +
5 export function FileListItem({ item }: { item: FileItem }) { 7 export function FileListItem({ item }: { item: FileItem }) {
6 - return ( 8 + return item.is_folder ? (
9 + <Fragment>
10 + <Link to={`/folder/${item.id}`}>
11 + <FolderFilled /> {item.name}
12 + </Link>
13 + </Fragment>
14 + ) : (
7 <Fragment> 15 <Fragment>
8 - {item.is_folder ? ( 16 + <FileFilled /> {item.name}
9 - <Link to={`/folder/${item.id}`}>{item.name}</Link>
10 - ) : (
11 - item.name
12 - )}
13 </Fragment> 17 </Fragment>
14 ); 18 );
15 } 19 }
......