From 30f7198c92d2dc33df34baa03d75f34bebca0104 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 1 Dec 2020 16:07:09 -0500
Subject: [PATCH] add version display to extensions

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 src/renderer/components/+extensions/extensions.scss | 6 ++++++
 src/renderer/components/+extensions/extensions.tsx  | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/+extensions/extensions.scss b/src/renderer/components/+extensions/extensions.scss
index 7352080a45..f7faf5b131 100644
--- a/src/renderer/components/+extensions/extensions.scss
+++ b/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;
       }
diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx
index cb38791a03..fe02b64852 100644
--- a/src/renderer/components/+extensions/extensions.tsx
+++ b/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>