From f32974c678b2e6a33df28d2317cc8a95ce254258 Mon Sep 17 00:00:00 2001
From: Swarnendu Bhandari <94161758+Swarnendu0123@users.noreply.github.com>
Date: Wed, 13 Dec 2023 13:39:56 +0530
Subject: [PATCH] Linked GitHub releases page with Version Tags

---
 client/modules/IDE/components/About.jsx | 10 ++++++++--
 client/styles/components/_about.scss    |  3 +++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/modules/IDE/components/About.jsx b/client/modules/IDE/components/About.jsx
index e9a17f141d..2584f26dcc 100644
--- a/client/modules/IDE/components/About.jsx
+++ b/client/modules/IDE/components/About.jsx
@@ -28,10 +28,16 @@ function About(props) {
         />
         <div className="about__content-column">
           <p className="about__version-info">
-            Web Editor: <span>v{packageData?.version}</span>
+            Web Editor:
+            <a href="https://github.com/processing/p5.js-web-editor/releases">
+              v{packageData?.version}
+            </a>
           </p>
           <p className="about__version-info">
-            p5.js: <span>v{p5version}</span>
+            p5.js:
+            <a href="https://github.com/processing/p5.js/releases">
+              v{p5version}
+            </a>
           </p>
         </div>
       </div>
diff --git a/client/styles/components/_about.scss b/client/styles/components/_about.scss
index 161ecb1bf8..19a0d56720 100644
--- a/client/styles/components/_about.scss
+++ b/client/styles/components/_about.scss
@@ -70,6 +70,9 @@
     span {
       color: getThemifyVariable('logo-color');
     }
+    a {
+      color: getThemifyVariable('logo-color');
+    }
     &:first-child {
       padding-top: #{30 /$base-font-size}rem;
     }