chore: pagenation show total num

app/(protected)/admin/storage/loading.tsx

@@ -8,6 +8,7 @@ export default function DashboardRecordsLoading() {
         heading="Manage DNS Records"
         text="List and manage records"
       />
+      <Skeleton className="h-[58px] w-full rounded-lg" />
       <Skeleton className="h-[400px] w-full rounded-lg" />
     </>
   );

app/(protected)/dashboard/storage/loading.tsx

@@ -8,6 +8,7 @@ export default function DashboardRecordsLoading() {
         heading="Manage DNS Records"
         text="List and manage records"
       />
+      <Skeleton className="h-[58px] w-full rounded-lg" />
       <Skeleton className="h-[400px] w-full rounded-lg" />
     </>
   );

components/shared/pagination.tsx

@@ -147,6 +147,9 @@ export function PaginationWrapper({
     >
       {setPageSize && (
         <div className="flex items-center gap-2">
+          <span className="text-muted-foreground">
+            {t("Total")} {total} {t("items")},
+          </span>
           <span className="text-muted-foreground">{t("Show")}</span>
           <Select
             value={pageSize.toString()}

locales/en.json

@@ -213,7 +213,9 @@
     "availableSpace": "Available Space",
     "storageFull": "Storage space is almost full",
     "storageHigh": "Storage space usage is high",
-    "storageGood": "Storage space is sufficient"
+    "storageGood": "Storage space is sufficient",
+    "items": "items",
+    "Total": "Total"
   },
   "Components": {
     "Dashboard": "Dashboard",

locales/zh.json

@@ -213,7 +213,9 @@
     "availableSpace": "剩余空间",
     "storageFull": "存储空间即将用完",
     "storageHigh": "存储空间使用较多",
-    "storageGood": "存储空间充足"
+    "storageGood": "存储空间充足",
+    "items": "条",
+    "Total": "共"
   },
   "Components": {
     "Dashboard": "用户面板",