From ed3d1c76e730578e2d2bec601f4e560361323872 Mon Sep 17 00:00:00 2001
From: ingawei <ingawei@gmail.com>
Date: Mon, 26 Sep 2022 17:07:13 -0700
Subject: [PATCH] James suggestions

---
 web/components/amount-input.tsx | 11 +++-------
 web/components/bet-button.tsx   | 12 ++---------
 web/components/bet-panel.tsx    | 36 ++++++++++++---------------------
 3 files changed, 18 insertions(+), 41 deletions(-)

diff --git a/web/components/amount-input.tsx b/web/components/amount-input.tsx
index a9c52860..ea10d2fe 100644
--- a/web/components/amount-input.tsx
+++ b/web/components/amount-input.tsx
@@ -41,20 +41,15 @@ export function AmountInput(props: {
   return (
     <>
       <Col className={className}>
-        <label>
-          <span
-            className={clsx(
-              'text-greyscale-4 absolute ml-2 mt-[9px]',
-              isMobile ? 'font-sm' : 'font-lg'
-            )}
-          >
+        <label className={clsx(isMobile ? 'font-sm' : 'font-lg')}>
+          <span className={clsx('text-greyscale-4 absolute ml-2 mt-[9px]')}>
             {label}
           </span>
           <input
             className={clsx(
               'placeholder:text-greyscale-4 border-greyscale-2 rounded-md pl-9',
               error && 'input-error',
-              isMobile ? 'font-sm w-24' : 'font-lg',
+              isMobile ? 'w-24' : '',
               inputClassName
             )}
             ref={inputRef}
diff --git a/web/components/bet-button.tsx b/web/components/bet-button.tsx
index d83c9bbd..808b450f 100644
--- a/web/components/bet-button.tsx
+++ b/web/components/bet-button.tsx
@@ -83,17 +83,9 @@ export function BinaryMobileBetting(props: { contract: BinaryContract }) {
   const { contract } = props
   const user = useUser()
   if (user) {
-    return (
-      <>
-        <SignedInBinaryMobileBetting contract={contract} user={user} />
-      </>
-    )
+    return <SignedInBinaryMobileBetting contract={contract} user={user} />
   } else {
-    return (
-      <>
-        <BetSignUpPrompt className="w-full" />
-      </>
-    )
+    return <BetSignUpPrompt className="w-full" />
   }
 }
 
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 98bcf1af..33f8e643 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -182,7 +182,6 @@ export function BuyPanel(props: {
   const windowSize = useWindowSize()
   const initialOutcome =
     windowSize.width && windowSize.width >= 1280 ? 'YES' : undefined
-  console.log('initialOutcome>', initialOutcome)
   const [outcome, setOutcome] = useState<'YES' | 'NO' | undefined>(
     initialOutcome
   )
@@ -304,28 +303,19 @@ export function BuyPanel(props: {
 
   return (
     <Col className={hidden ? 'hidden' : ''}>
-      {!mobileView && (
-        <>
-          <YesNoSelector
-            className="mb-4"
-            btnClassName="flex-1"
-            selected={outcome}
-            onSelect={(choice) => onBetChoice(choice)}
-            isPseudoNumeric={isPseudoNumeric}
-          />
-        </>
-      )}
-      {mobileView && (
-        <>
-          <YesNoSelector
-            className="mb-4"
-            btnClassName="flex-1"
-            selected={outcome}
-            onSelect={(choice) => mobileOnBetChoice(choice)}
-            isPseudoNumeric={isPseudoNumeric}
-          />
-        </>
-      )}
+      <YesNoSelector
+        className="mb-4"
+        btnClassName="flex-1"
+        selected={outcome}
+        onSelect={(choice) => {
+          if (mobileView) {
+            mobileOnBetChoice(choice)
+          } else {
+            onBetChoice(choice)
+          }
+        }}
+        isPseudoNumeric={isPseudoNumeric}
+      />
 
       <Col
         className={clsx(