Add size for when downloaded

src/app/componets/VersionInfo.tsx

@@ -81,10 +81,10 @@ export default function VersionInfo () {
           <FontAwesomeIcon icon={faCode} color='lightgray' />
           <p>Developer: {gameInfo?.developer}</p>
         </div>
-        <div className='entry-info-item'>
+        <div className='entry-info-item' hidden={versionSize === null}>
           <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
           <p>
-            Size:{' '}
+            Size on disk:{' '}
             {versionSize !== null
               ? prettyBytes(versionSize, {
                   minimumFractionDigits: 2,
@@ -93,6 +93,18 @@ export default function VersionInfo () {
               : 'Loading...'}
           </p>
         </div>
+        <div className='entry-info-item' hidden={!versionInfo}>
+          <FontAwesomeIcon icon={faHardDrive} color='lightgray' />
+          <p>
+            Size when downloaded (zipped):{' '}
+            {versionInfo
+              ? prettyBytes(versionInfo.size, {
+                  minimumFractionDigits: 2,
+                  maximumFractionDigits: 2
+                })
+              : 'Loading...'}
+          </p>
+        </div>
       </div>
     </>
   )

src/app/types/GameVersion.ts

@@ -6,4 +6,5 @@ export interface GameVersion {
   downloadUrl: string
   executable: string
   sha512sum: string
+  size: number
 }