fix(ui/browser): sort items by type

src/client/web/src/client/index.ts

@@ -15,6 +15,7 @@ export interface User {
   pwd: string;
   role: string;
   quota: Quota;
+  usedSpace: string;
 }
 
 export interface ListUsersResp {
@@ -55,11 +56,16 @@ export interface ListUploadingsResp {
 }
 
 export interface ListSharingsResp {
-	sharingDirs: string[];
+  sharingDirs: string[];
 }
 
 export interface IUsersClient {
-  login: (user: string, pwd: string, captchaId: string, captchaInput:string) => Promise<Response>;
+  login: (
+    user: string,
+    pwd: string,
+    captchaId: string,
+    captchaInput: string
+  ) => Promise<Response>;
   logout: () => Promise<Response>;
   isAuthed: () => Promise<Response>;
   self: () => Promise<Response>;

src/client/web/src/components/browser.tsx

@@ -363,7 +363,18 @@ export class Browser extends React.Component<Props, State, {}> {
       </div>
     );
 
-    const itemList = this.props.browser.items.map((item: MetadataResp) => {
+    const sortedItems = this.props.browser.items.sort(
+      (item1: MetadataResp, item2: MetadataResp) => {
+        if (item1.isDir && !item2.isDir) {
+          return -1;
+        } else if (!item1.isDir && item2.isDir) {
+          return 1;
+        }
+        return 0;
+      }
+    );
+
+    const itemList = sortedItems.map((item: MetadataResp) => {
       const isSelected = this.state.selectedItems.has(item.name);
       const dirPath = this.props.browser.dirPath.join("/");
       const itemPath = dirPath.endsWith("/")