feat: add function to support more sizes (#278)

Author: Placeholder30

examples/typescript/src/seed.ts

@@ -64,7 +64,7 @@ export function customer() {
 export const file = () => {
   return {
     extension: 'PNG',
-    size: Faker.random.number({ min: 1000, max: 10000 }),
+    size: Faker.random.number({ min: 1000, max: 10000000 }),
     name: Faker.name.findName(),
     width: Faker.random.number({ min: 100, max: 150 }),
     height: Faker.random.number({ min: 80, max: 100 }),
@@ -131,5 +131,5 @@ export async function seed(db: any) {
   await db.orders().persistAndFlush(orders)
   await db.products().persistAndFlush(products)
   await db.adminUsers().persistAndFlush([firstAdminUser, ...adminUsers])
-  // await db.files().persistAndFlush(files)
+  await db.files().persistAndFlush(files)
 }

packages/cms/pages/assests/asset-manager/asset-manager.tsx

@@ -252,7 +252,18 @@ interface AssetProps {
 }
 
 type AssetArray = Array<AssetData>
-const formatImageSize = (size: number) => `${(size / 1000).toFixed(1)}MB`
+
+const units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+const formatImageSize = (x: any) => {
+  let l = 0,
+    n = parseInt(x, 10) || 0
+
+  while (n >= 1024 && ++l) {
+    n = n / 1024
+  }
+
+  return n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]
+}
 
 const Assets: React.FC<AssetProps> = ({
   asset,
@@ -847,7 +858,6 @@ export const AssetManager: FunctionComponent = () => {
                     setIsDeleteModalVisible={setIsDeleteModalVisible}
                   />
                 ))}
-                {console.log(selectedItemsForDelete)}
               </AssetWrapper>
               {isDeleteModalVisible && (
                 <EuiConfirmModal