fix(renderer-app,web): pan list result incorrect when file number more then 50 (#1299)

Author: BlackHole1

desktop/renderer-app/src/api-middleware/flatServer/storage.ts

@@ -4,6 +4,7 @@ import { post } from "./utils";
 
 export interface ListFilesPayload {
     page: number;
+    order: "ASC" | "DESC";
 }
 interface ListFilesResponse {
     totalUsage: number;

desktop/renderer-app/src/pages/CloudStoragePage/store.tsx

@@ -318,7 +318,10 @@ export class CloudStorageStore extends CloudStorageStoreBase {
         this.clearRefreshFilesNowTimeout();
 
         try {
-            const { totalUsage, files: cloudFiles } = await listFiles({ page: 1 });
+            const { totalUsage, files: cloudFiles } = await listFiles({
+                page: 1,
+                order: "DESC",
+            });
 
             runInAction(() => {
                 this.totalUsage = totalUsage;

desktop/renderer-app/src/utils/drag-and-drop/image.ts

@@ -33,7 +33,10 @@ export async function onDropImage(file: File, x: number, y: number, room: Room):
     const getSize = getImageSize(file);
     const task = new UploadTask(file);
     await task.upload();
-    const { files } = await listFiles({ page: 1 });
+    const { files } = await listFiles({
+        page: 1,
+        order: "DESC",
+    });
     const cloudFile = files.find(f => f.fileUUID === task.fileUUID);
 
     hideLoading();

web/flat-web/src/api-middleware/flatServer/storage.ts

@@ -4,6 +4,7 @@ import { post } from "./utils";
 
 export interface ListFilesPayload {
     page: number;
+    order: "ASC" | "DESC";
 }
 interface ListFilesResponse {
     totalUsage: number;

web/flat-web/src/pages/CloudStoragePage/store.tsx

@@ -318,7 +318,10 @@ export class CloudStorageStore extends CloudStorageStoreBase {
         this.clearRefreshFilesNowTimeout();
 
         try {
-            const { totalUsage, files: cloudFiles } = await listFiles({ page: 1 });
+            const { totalUsage, files: cloudFiles } = await listFiles({
+                page: 1,
+                order: "DESC",
+            });
 
             runInAction(() => {
                 this.totalUsage = totalUsage;

web/flat-web/src/utils/drag-and-drop/image.ts

@@ -33,7 +33,10 @@ export async function onDropImage(file: File, x: number, y: number, room: Room):
     const getSize = getImageSize(file);
     const task = new UploadTask(file);
     await task.upload();
-    const { files } = await listFiles({ page: 1 });
+    const { files } = await listFiles({
+        page: 1,
+        order: "DESC",
+    });
     const cloudFile = files.find(f => f.fileUUID === task.fileUUID);
 
     hideLoading();