From e0d266887caf4915c1894114dba20751fcf22ed3 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Thu, 12 May 2022 14:04:51 -0400
Subject: [PATCH] Show prob of FR answer as a bar chart (#200)

---
 web/components/feed/feed-items.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/components/feed/feed-items.tsx b/web/components/feed/feed-items.tsx
index baa33559..21d4b568 100644
--- a/web/components/feed/feed-items.tsx
+++ b/web/components/feed/feed-items.tsx
@@ -948,6 +948,12 @@ function FeedAnswerGroup(props: {
         />
       </Modal>
 
+      {type == 'answer' && (
+        <div
+          className="absolute -m-3 h-full rounded-tl-md bg-green-600 bg-opacity-10"
+          style={{ width: `${100 * Math.max(prob, 0.01)}%` }}
+        ></div>
+      )}
       <Row className="my-4 gap-3">
         <div className="px-1">
           <Avatar username={username} avatarUrl={avatarUrl} />
@@ -980,9 +986,7 @@ function FeedAnswerGroup(props: {
                 <span
                   className={clsx(
                     'text-2xl',
-                    tradingAllowed(contract)
-                      ? 'text-green-500'
-                      : 'text-gray-500'
+                    tradingAllowed(contract) ? 'text-primary' : 'text-gray-500'
                   )}
                 >
                   {probPercent}