feat: remove appwrite and add nextjs backend

frontend/src/components/share/FileList.tsx

@@ -0,0 +1,88 @@
+import { ActionIcon, Loader, Skeleton, Table } from "@mantine/core";
+import { useRouter } from "next/router";
+import { CircleCheck, Download } from "tabler-icons-react";
+import shareService from "../../services/share.service";
+
+import { byteStringToHumanSizeString } from "../../utils/math/byteStringToHumanSizeString.util";
+
+const FileList = ({
+  files,
+  shareId,
+  isLoading,
+}: {
+  files: any[];
+  shareId: string;
+  isLoading: boolean;
+}) => {
+  const router = useRouter();
+
+  const skeletonRows = [...Array(5)].map((c, i) => (
+    <tr key={i}>
+      <td>
+        <Skeleton height={30} width={30} />
+      </td>
+      <td>
+        <Skeleton height={14} />
+      </td>
+      <td>
+        <Skeleton height={14} />
+      </td>
+      <td>
+        <Skeleton height={25} width={25} />
+      </td>
+    </tr>
+  ));
+
+  const rows = files.map((file) => (
+    <tr key={file.name}>
+      <td>
+        {/* <Image
+          width={30}
+          height={30}
+          alt={file.name}
+          objectFit="cover"
+          style={{ borderRadius: 3 }}
+          src={`data:image/png;base64,${new Buffer(file.preview).toString(
+            "base64"
+          )}`}
+        ></Image> */}
+      </td>
+      <td>{file.name}</td>
+      <td>{byteStringToHumanSizeString(file.size)}</td>
+      <td>
+        {file.uploadingState ? (
+          file.uploadingState != "finished" ? (
+            <Loader size={22} />
+          ) : (
+            <CircleCheck color="green" size={22} />
+          )
+        ) : (
+          <ActionIcon
+            size={25}
+            onClick={async () => {
+              await shareService.downloadFile(shareId, file.id);
+            }}
+          >
+            <Download />
+          </ActionIcon>
+        )}
+      </td>
+    </tr>
+  ));
+
+  return (
+    <Table>
+      <thead>
+        <tr>
+          <th></th>
+          <th>Name</th>
+          <th>Size</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>{isLoading ? skeletonRows : rows}</tbody>
+    </Table>
+  );
+};
+
+export default FileList;