From 5a259ef3ff08b12c04c3ac2b122edb00812e8c0a Mon Sep 17 00:00:00 2001
From: rochakjain361 <57208018+rochakjain361@users.noreply.github.com>
Date: Fri, 12 Mar 2021 20:56:41 +0530
Subject: [PATCH] Make the version number in the about dialog clickable (#817)

* Make the version number in the about dialog clickable

* Fix prettier errors

* Fix build errors
---
 ui/src/dialogs/AboutDialog.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/ui/src/dialogs/AboutDialog.js b/ui/src/dialogs/AboutDialog.js
index e68d7c4b..75f15f8a 100644
--- a/ui/src/dialogs/AboutDialog.js
+++ b/ui/src/dialogs/AboutDialog.js
@@ -45,7 +45,22 @@ const AboutDialog = ({ open, onClose }) => {
                 <TableCell align="right" component="th" scope="row">
                   {translate('menu.version')}:
                 </TableCell>
-                <TableCell align="left">{config.version}</TableCell>
+                {config.version === 'dev' ? (
+                  <TableCell align="left"> {config.version} </TableCell>
+                ) : (
+                  <TableCell align="left">
+                    <Link
+                      href={`https://github.com/navidrome/navidrome/releases/tag/v${
+                        config.version.split(' ')[0]
+                      }`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {config.version.split(' ')[0]}
+                    </Link>
+                    {' ' + config.version.split(' ')[1]}
+                  </TableCell>
+                )}
               </TableRow>
               {Object.keys(links).map((key) => {
                 return (