From 1e486ab3dd8f920d077d7244a1546cc881d69fcc Mon Sep 17 00:00:00 2001 From: Tania Gutierrez Date: Mon, 11 Mar 2024 23:40:23 -0400 Subject: [PATCH] Created FileCard component --- app/components/file-card.tsx | 108 +++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 app/components/file-card.tsx diff --git a/app/components/file-card.tsx b/app/components/file-card.tsx new file mode 100644 index 0000000..263edf6 --- /dev/null +++ b/app/components/file-card.tsx @@ -0,0 +1,108 @@ +export enum FileTypes { + Folder = "FOLDER", + Document = "DOCUMENT", + Image = "IMAGE", +} + +interface FileCardProps { + type: FileTypes; + fileName: string; + createdAt: string; + size: string; +} + +export const FileCardList = ({ children }: React.PropsWithChildren<{}>) => { + return
{children}
; +}; + +export const FileCard = ({ type, fileName, createdAt, size }: FileCardProps) => { + return ( +
+
+ +
+ + {fileName} +
+ {size} +
+ + {createdAt} +
+
+
+ ); +}; + +const FolderIcon = ({ className }: { className?: string }) => { + return ( + + + + ); +}; + +const MoreIcon = ({ className }: { className?: string }) => { + return ( + + + + + + ); +}; + +const RecentIcon = ({ className }: { className?: string }) => { + return ( + + + + + + + + + + + + ); +};