From d909c507cb1ba422387eb654d7df694f5e7c0a8b Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Thu, 4 Aug 2022 14:49:05 -0600
Subject: [PATCH] Change titles around for current bet

---
 .../[contractSlug]/[challengeSlug].tsx        | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx b/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
index fd980a4a..e6bb19af 100644
--- a/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
+++ b/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
@@ -211,10 +211,6 @@ function ClosedChallengeContent(props: {
 
   const winner = (creatorWon ? creator : user).name
 
-  const title = resolution
-    ? `🥇 ${winner} wins the bet 🥇`
-    : `⚔️ Challenge accepted ⚔️`
-
   return (
     <>
       {showConfetti && (
@@ -233,10 +229,13 @@ function ClosedChallengeContent(props: {
         />
       )}
       <Col className=" w-full items-center justify-center rounded border-0 border-gray-100 bg-white py-6 pl-1 pr-2 sm:px-2 md:px-6 md:py-8 ">
-        <Title className="!mt-0" text={title} />
-        <Row className="my-4 justify-center px-8 pb-4 text-lg sm:text-xl">
-          <SiteLink href={href}>{question}</SiteLink>
-        </Row>
+        {resolution ? (
+          <Title className="!mt-0" text={`🥇 ${winner} wins the bet 🥇`} />
+        ) : (
+          <SiteLink href={href} className={'mb-8'}>
+            <span className="text-3xl text-indigo-700">{question}</span>
+          </SiteLink>
+        )}
         <Col
           className={'w-full content-between justify-between gap-1 sm:flex-row'}
         >
@@ -287,16 +286,12 @@ function OpenChallengeContent(props: {
 
   const href = `https://${DOMAIN}${contractPath(contract)}`
 
-  const title = `${creator.name} is challenging you to bet`
-
   return (
     <Col className="items-center">
       <Col className="h-full items-center justify-center rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md">
-        <Title className="!mt-0 !mb-2 sm:!mb-6" text={`⚔️ ${title} ⚔️`} />
-
-        <Row className="my-4 justify-center px-8 pb-4 text-lg sm:text-xl">
-          <SiteLink href={href}>{question}</SiteLink>
-        </Row>
+        <SiteLink href={href} className={'mb-8'}>
+          <span className="text-3xl text-indigo-700">{question}</span>
+        </SiteLink>
 
         <Col
           className={