Challenge card styling

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>

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: {