fix amount placeholder and wallet connect colors source

Jack121232 · May 30, 2023 · d84dc19 · d84dc19
1 parent 522fa61
commit d84dc19
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/components/Input/Amount.tsx b/components/Input/Amount.tsx
@@ -1,5 +1,5 @@
 import { useFormikContext } from "formik";
-import { forwardRef, useEffect, useRef } from "react";
+import { forwardRef, useRef } from "react";
 import { useSettingsState } from "../../context/settings";
 import { CalculateMaxAllowedAmount, CalculateMinAllowedAmount } from "../../lib/fees";
 import { SwapFormValues } from "../DTOs/SwapFormValues";
@@ -17,7 +17,7 @@ const AmountField = forwardRef((_, ref: any) => {
     const minAllowedAmount = CalculateMinAllowedAmount(values, networks, currencies);
     const maxAllowedAmount = CalculateMaxAllowedAmount(values, networks);
 
-    const placeholder = currency ? `${minAllowedAmount} - ${maxAllowedAmount}` : '0.01234'
+    const placeholder = (currency && from && to) ? `${minAllowedAmount} - ${maxAllowedAmount}` : '0.01234'
     const step = 1 / Math.pow(10, currency?.precision)
     const amountRef = useRef(ref)
 

diff --git a/components/themeWrapper.tsx b/components/themeWrapper.tsx
@@ -31,14 +31,12 @@ export default function ({ hideNavbar, children }: Props) {
     const { addressSource } = useQueryState()
 
     useEffect(() => {
-        if (addressSource) {
-            window.document.body.className = addressSource
-        }
+        if (addressSource) window.document.body.className = addressSource
 
         return () => { window.document.body.className = '' }
     }, [addressSource])
 
-    return <div className={` ${addressSource} styled-scroll`}>
+    return <div className='styled-scroll'>
         <div className="invisible imxMarketplace synquote"></div>
         <main className="styled-scroll">
             <div className="min-h-screen overflow-hidden relative font-robo">

diff --git a/pages/_app.js b/pages/_app.js
@@ -36,14 +36,14 @@ function App({ Component, pageProps }) {
   })
 
   const theme = darkTheme({
-    accentColor: '#E42575',
+    accentColor: 'rgb(var(--colors-primary-500))',
     accentColorForeground: 'white',
     borderRadius: 'small',
     fontStack: 'system',
     overlayBlur: 'small',
   })
 
-  theme.colors.modalBackground = '#0e1426'
+  theme.colors.modalBackground = 'rgb(var(--colors-secondary-900))'
 
   const router = useRouter()
   return (