From cec186e4c177ccfaa1a141de236802b3cd216d8d Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Mon, 4 Sep 2023 13:42:39 -0700
Subject: [PATCH] Added version to menu.

---
 src/components/input/ProfileButton.js         | 4 +++-
 src/components/input/ProfileButton.module.css | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/input/ProfileButton.js b/src/components/input/ProfileButton.js
index 015c0ad8..35b0eb45 100644
--- a/src/components/input/ProfileButton.js
+++ b/src/components/input/ProfileButton.js
@@ -3,8 +3,9 @@ import { useRouter } from 'next/router';
 import Icons from 'components/icons';
 import useMessages from 'components/hooks/useMessages';
 import useUser from 'components/hooks/useUser';
-import styles from './ProfileButton.module.css';
 import useLocale from 'components/hooks/useLocale';
+import { CURRENT_VERSION } from 'lib/constants';
+import styles from './ProfileButton.module.css';
 
 export function ProfileButton() {
   const { formatMessage, labels } = useMessages();
@@ -51,6 +52,7 @@ export function ProfileButton() {
               <Text>{formatMessage(labels.logout)}</Text>
             </Item>
           )}
+          <div className={styles.version}>{`v${CURRENT_VERSION}`}</div>
         </Menu>
       </Popup>
     </PopupTrigger>
diff --git a/src/components/input/ProfileButton.module.css b/src/components/input/ProfileButton.module.css
index 8b1897bd..e7843344 100644
--- a/src/components/input/ProfileButton.module.css
+++ b/src/components/input/ProfileButton.module.css
@@ -8,3 +8,11 @@
   gap: 12px;
   background: var(--base50);
 }
+
+.version {
+  font-family: monospace;
+  font-size: 11px;
+  color: var(--base600);
+  text-align: right;
+  margin-right: 10px;
+}