From 108f0afb95249577eb731694b682ac7aab621125 Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Fri, 8 Apr 2022 14:27:17 -0500
Subject: [PATCH] contract card: remove created time; inline info dialog button

---
 web/components/contract/contract-card.tsx | 61 +++++++++++------------
 1 file changed, 29 insertions(+), 32 deletions(-)

diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx
index ecd42d9d..bf53f0c4 100644
--- a/web/components/contract/contract-card.tsx
+++ b/web/components/contract/contract-card.tsx
@@ -194,36 +194,38 @@ export function ContractDetails(props: {
           />
         </Row>
 
-        <Row className="items-center gap-1">
-          <ClockIcon className="h-5 w-5" />
+        {(!!closeTime || !!resolvedDate) && (
+          <Row className="items-center gap-1">
+            <ClockIcon className="h-5 w-5" />
 
-          <DateTimeTooltip text="Market created:" time={contract.createdTime}>
+            {/* <DateTimeTooltip text="Market created:" time={contract.createdTime}>
             {createdDate}
-          </DateTimeTooltip>
+          </DateTimeTooltip> */}
 
-          {resolvedDate && contract.resolutionTime ? (
-            <>
-              {' - '}
-              <DateTimeTooltip
-                text="Market resolved:"
-                time={contract.resolutionTime}
-              >
-                {resolvedDate}
-              </DateTimeTooltip>
-            </>
-          ) : null}
+            {resolvedDate && contract.resolutionTime ? (
+              <>
+                {/* {' - '} */}
+                <DateTimeTooltip
+                  text="Market resolved:"
+                  time={contract.resolutionTime}
+                >
+                  {resolvedDate}
+                </DateTimeTooltip>
+              </>
+            ) : null}
 
-          {!resolvedDate && closeTime && (
-            <>
-              {' - '}{' '}
-              <EditableCloseDate
-                closeTime={closeTime}
-                contract={contract}
-                isCreator={isCreator ?? false}
-              />
-            </>
-          )}
-        </Row>
+            {!resolvedDate && closeTime && (
+              <>
+                {/* {' - '}{' '} */}
+                <EditableCloseDate
+                  closeTime={closeTime}
+                  contract={contract}
+                  isCreator={isCreator ?? false}
+                />
+              </>
+            )}
+          </Row>
+        )}
 
         <Row className="items-center gap-1">
           <DatabaseIcon className="h-5 w-5" />
@@ -231,12 +233,7 @@ export function ContractDetails(props: {
           <div className="whitespace-nowrap">{volumeLabel}</div>
         </Row>
 
-        {!hideShareButtons && (
-          <>
-            <div className="flex-1" />
-            <ContractInfoDialog contract={contract} />
-          </>
-        )}
+        {!hideShareButtons && <ContractInfoDialog contract={contract} />}
       </Row>
     </Col>
   )