add version display to extensions

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+extensions/extensions.scss

@@ -27,6 +27,12 @@
       background: $layoutBackground;
       border-radius: $radius;
 
+      .version, .name {
+        code {
+          padding: unset;
+        }
+      }
+
       .actions > button:not(:last-child) {
         margin-right: $spacing / 2;
       }

src/renderer/components/+extensions/extensions.tsx

@@ -446,7 +446,7 @@ export class Extensions extends React.Component {
 
     return extensions.map(extension => {
       const { id, isEnabled, manifest } = extension;
-      const { name, description } = manifest;
+      const { name, description, version } = manifest;
       const isUninstalling = this.extensionStateStore.extensionState.get(id)?.state === "uninstalling";
 
       return (
@@ -455,6 +455,9 @@ export class Extensions extends React.Component {
             <div className="name">
               {name}
             </div>
+            <div className="version">
+              Version: <code className="version">{version}</code>
+            </div>
             <div className="description">
               {description}
             </div>