feat(home): add version in footer

src/views/home/home.module.css

@@ -152,6 +152,22 @@
   text-transform: capitalize;
 }
 
+.version {
+  text-align: center;
+  padding-top: 2em;
+  padding-bottom: 1em;
+  font-size: 11px;
+}
+
+.version a {
+  text-decoration: none;
+  color: unset;
+}
+
+.version a:hover {
+  text-decoration: underline;
+}
+
 @media (max-width: 640px) {
   .content {
     min-width: 0;

src/views/home/home.tsx

@@ -151,9 +151,13 @@ const downloadAppLink = (() => {
   }
 })();
 
+const isElectron = window.isElectron === true;
+const commitRef = process.env.REACT_APP_COMMIT_REF;
+
 const Footer = () => {
   const { t } = useTranslation();
   return (
+    <>
       <ul className={styles.footer}>
         <li>
           <a href='https://plebbit.com' target='_blank' rel='noopener noreferrer'>
@@ -198,6 +202,22 @@ const Footer = () => {
           </a>
         </li>
       </ul>
+      <div className={styles.version}>
+        <a href={`https://github.com/plebbit/plebchan/releases/tag/v${packageJson.version}`} target='_blank' rel='noopener noreferrer'>
+          v{packageJson.version}
+        </a>
+        {isElectron && (
+          <a className={styles.fullNodeStats} href='http://localhost:5001/webui/' target='_blank' rel='noreferrer'>
+            node stats
+          </a>
+        )}
+        {commitRef && (
+          <a href={`https://github.com/plebbit/plebchan/commit/${commitRef}`} target='_blank' rel='noopener noreferrer'>
+            {commitRef.slice(0, 7)}
+          </a>
+        )}
+      </div>
+    </>
   );
 };