Merge pull request #34 from hemilabs/theth-symbol

Allow overriding Button case
purefinance · May 2, 2024 · 1cb50f2 · 1cb50f2
2 parents f354ae8 + 17ba5fd
commit 1cb50f2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/site/components/Button.js b/site/components/Button.js
@@ -7,7 +7,13 @@ const Button = function ({
   ...props
 }) {
   const boxStyle = `py-3 rounded-xl ${width} focus:outline-none`
-  const textStyle = 'text-center text-base text-white capitalize'
+  const textCase = className
+    .split(' ')
+    .filter(Boolean)
+    .some(c => ['lowercase', 'normal-case', 'uppercase'].includes(c))
+    ? ''
+    : 'capitalize'
+  const textStyle = `text-center text-base text-white ${textCase}`
   const stateStyle = disabled
     ? 'bg-gray-200 cursor-not-allowed'
     : 'bg-black hover:bg-gray-800'

diff --git a/site/pages/[locale]/wrap-eth.js b/site/pages/[locale]/wrap-eth.js
@@ -57,7 +57,7 @@ const WrapUnwrapEth = function () {
 
   const [errorMessage, setErrorMessage] = useTemporalMessage()
   const [successMessage, setSuccessMessage] = useTemporalMessage()
-  const { nativeTokenSymbol = 'hETH' } = findByChainId(chainId)
+  const { nativeTokenSymbol = 'ETH' } = findByChainId(chainId)
 
   const isValidNumber =
     value !== '' &&
@@ -184,7 +184,7 @@ const WrapUnwrapEth = function () {
             />
           </div>
           <Button
-            className="mt-7.5 uppercase"
+            className="mt-7.5 normal-case"
             disabled={
               !active ||
               !isValidNumber ||