From 4c8b7bbc3d1ac857ab2b90b677cf6022f1754e33 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Thu, 17 Mar 2022 17:15:07 -0700
Subject: [PATCH] Hide buy button when market has closed

---
 web/components/feed/feed-items.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/components/feed/feed-items.tsx b/web/components/feed/feed-items.tsx
index befb7c06..db526741 100644
--- a/web/components/feed/feed-items.tsx
+++ b/web/components/feed/feed-items.tsx
@@ -711,10 +711,11 @@ function FeedAnswerGroup(props: {
                 {probPercent}
               </span>
               <BuyButton
-                className="btn-sm hidden flex-initial !px-6 sm:flex"
-                onClick={() => {
-                  setOpen(true)
-                }}
+                className={clsx(
+                  'btn-sm hidden flex-initial !px-6 sm:flex',
+                  tradingAllowed(contract) ? '' : '!hidden'
+                )}
+                onClick={() => setOpen(true)}
               />
             </Row>
           </Row>
@@ -741,12 +742,12 @@ function FeedAnswerGroup(props: {
         </div>
       ))}
 
-      <div className="ml-10 mt-4">
+      <div
+        className={clsx('ml-10 mt-4', tradingAllowed(contract) ? '' : 'hidden')}
+      >
         <BuyButton
           className="btn-sm !px-6 sm:hidden"
-          onClick={() => {
-            setOpen(true)
-          }}
+          onClick={() => setOpen(true)}
         />
       </div>
     </Col>