From a15dac05d43ac120491eb35e89d7959d1b2e0e96 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Thu, 4 Nov 2021 15:55:12 -0700
Subject: [PATCH] Hide label option.

---
 components/common/MenuButton.js       | 5 ++++-
 components/settings/LanguageButton.js | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/common/MenuButton.js b/components/common/MenuButton.js
index 40df2e0c..eb8d62fe 100644
--- a/components/common/MenuButton.js
+++ b/components/common/MenuButton.js
@@ -16,6 +16,7 @@ function MenuButton({
   menuAlign = 'right',
   onSelect,
   renderValue,
+  hideLabel,
 }) {
   const [showMenu, setShowMenu] = useState(false);
   const ref = useRef();
@@ -44,7 +45,9 @@ function MenuButton({
         onClick={toggleMenu}
         variant="light"
       >
-        <div className={styles.text}>{renderValue ? renderValue(selectedOption) : value}</div>
+        {!hideLabel && (
+          <div className={styles.text}>{renderValue ? renderValue(selectedOption) : value}</div>
+        )}
       </Button>
       {showMenu && (
         <Menu
diff --git a/components/settings/LanguageButton.js b/components/settings/LanguageButton.js
index 63a45e53..65a6d47d 100644
--- a/components/settings/LanguageButton.js
+++ b/components/settings/LanguageButton.js
@@ -37,8 +37,8 @@ export default function LanguageButton() {
       options={menuOptions}
       value={locale}
       menuClassName={styles.menu}
-      renderValue={option => option?.display}
       onSelect={handleSelect}
+      hideLabel
     />
   );
 }