fix: use incorrect suffix and return no 500(#1972、#1967)

frontend/src/components/Sidebar.vue

@@ -85,7 +85,7 @@
       v-if="$router.currentRoute.path.includes('/files/')"
       style="width: 90%; margin: 2em 2.5em 3em 2.5em"
     >
-      <progress-bar :val="usage.usedPercentage" :size="large"></progress-bar>
+      <progress-bar :val="usage.usedPercentage" size="large"></progress-bar>
       <br />
       {{ usage.used }} of {{ usage.total }} used
     </div>
@@ -102,9 +102,9 @@
         >
         <span> {{ version }}</span>
       </span>
-      <span
-        ><a @click="help">{{ $t("sidebar.help") }}</a></span
-      >
+      <span>
+        <a @click="help">{{ $t("sidebar.help") }}</a>
+      </span>
     </p>
   </nav>
 </template>

http/resource.go

@@ -351,6 +351,7 @@ var diskUsage = withUser(func(w http.ResponseWriter, r *http.Request, d *data) (
 		return errToStatus(err), err
 	}
 	fPath := file.RealPath()
+	if file.IsDir {
 		usage, err := disk.UsageWithContext(r.Context(), fPath)
 		if err != nil {
 			return errToStatus(err), err
@@ -359,4 +360,10 @@ var diskUsage = withUser(func(w http.ResponseWriter, r *http.Request, d *data) (
 			Total: usage.Total,
 			Used:  usage.Used,
 		})
+	} else {
+		return renderJSON(w, r, &DiskUsageResponse{
+			Total: 0,
+			Used:  0,
+		})
+	}
 })