From 89e8f7a4ddeaaf780c9f54877ba76560b2edc7ab Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Mon, 1 Aug 2022 12:12:00 -0600
Subject: [PATCH] Challenge card styling

---
 og-image/api/_lib/template.ts                 |  2 +-
 .../[contractSlug]/[challengeSlug].tsx        | 28 ++++++++-----------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/og-image/api/_lib/template.ts b/og-image/api/_lib/template.ts
index f99689e0..afa80f2f 100644
--- a/og-image/api/_lib/template.ts
+++ b/og-image/api/_lib/template.ts
@@ -148,7 +148,7 @@ export function getHtml(parsedReq: ParsedRequest) {
 
       <div class="flex flex-row justify-between gap-12 pt-36">
         <div class="flex flex-col text-gray-900 text-6xl">
-          ${challengeAmount ? '⚔️️' + ' Bet against me ' + '⚔️️' : ''}
+          ${challengeAmount ? '\u2694' + ' Bet against me on:' + '\u2694' : ''}
           <div class="text-indigo-700 leading-tight">
             ${truncatedQuestion}
           </div>
diff --git a/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx b/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
index 2ee7c3ef..acf8358c 100644
--- a/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
+++ b/web/pages/challenges/[username]/[contractSlug]/[challengeSlug].tsx
@@ -137,22 +137,18 @@ export default function ChallengePage(props: {
 }
 
 const userRow = (challenger: User) => (
-  <div className="flex flex-col text-gray-900">
-    ${'⚔️️' + ' Bet against me ' + '⚔️️'}
-    <div>{'Will there be a new doctrowho sad'}</div>
-  </div>
-  // <Row className={'mb-2 w-full items-center justify-center gap-2'}>
-  //   <Avatar
-  //     size={12}
-  //     avatarUrl={challenger.avatarUrl}
-  //     username={challenger.username}
-  //   />
-  //   <UserLink
-  //     className={'text-2xl'}
-  //     name={challenger.name}
-  //     username={challenger.username}
-  //   />
-  // </Row>
+  <Row className={'mb-2 w-full items-center justify-center gap-2'}>
+    <Avatar
+      size={12}
+      avatarUrl={challenger.avatarUrl}
+      username={challenger.username}
+    />
+    <UserLink
+      className={'text-2xl'}
+      name={challenger.name}
+      username={challenger.username}
+    />
+  </Row>
 )
 
 function ClosedChallengeContent(props: {