From 57c0fc106a3a91f4c292578f24a6511f1a3bdcdb Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Tue, 26 Apr 2022 07:20:05 -0600
Subject: [PATCH] Darken answer text and move classname

---
 web/components/feed/activity-items.ts |  1 -
 web/components/feed/feed-items.tsx    | 19 ++++++++++++++-----
 web/components/outcome-label.tsx      |  2 +-
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/web/components/feed/activity-items.ts b/web/components/feed/activity-items.ts
index 7ca896bd..6c2d55fb 100644
--- a/web/components/feed/activity-items.ts
+++ b/web/components/feed/activity-items.ts
@@ -281,7 +281,6 @@ function getAnswers(
         answer,
         items: [] as ActivityItem[],
         user,
-        className: 'border-base-200 flex-1 bg-base-200 p-3 rounded-md',
       }
     })
     .filter((group) => group.answer)
diff --git a/web/components/feed/feed-items.tsx b/web/components/feed/feed-items.tsx
index ef8a46a5..8c2009c8 100644
--- a/web/components/feed/feed-items.tsx
+++ b/web/components/feed/feed-items.tsx
@@ -248,10 +248,13 @@ export function CommentInput(props: {
                 }}
               />
               <button
-                className="btn btn-outline btn-sm mt-1"
+                className={clsx(
+                  'btn btn-outline btn-sm mt-1',
+                  user ? '' : 'text-transform: capitalize'
+                )}
                 onClick={submitComment}
               >
-                Comment
+                {user ? 'Comment' : 'Sign in to comment'}
               </button>
             </div>
           </div>
@@ -649,9 +652,9 @@ function FeedAnswerGroup(props: {
   contract: FullContract<any, FreeResponse>
   answer: Answer
   items: ActivityItem[]
-  className?: string
+  type: string
 }) {
-  const { answer, items, contract, className } = props
+  const { answer, items, contract, type } = props
   const { username, avatarUrl, name, text } = answer
 
   const prob = getDpmOutcomeProbability(contract.totalShares, answer.id)
@@ -659,7 +662,13 @@ function FeedAnswerGroup(props: {
   const [open, setOpen] = useState(false)
 
   return (
-    <Col className={className ? className : 'flex-1 gap-2'}>
+    <Col
+      className={
+        type === 'answer'
+          ? 'border-base-200 bg-base-200 flex-1 rounded-md p-3'
+          : 'flex-1 gap-2'
+      }
+    >
       <Modal open={open} setOpen={setOpen}>
         <AnswerBetPanel
           answer={answer}
diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx
index baa988cc..0901dd4e 100644
--- a/web/components/outcome-label.tsx
+++ b/web/components/outcome-label.tsx
@@ -27,7 +27,7 @@ export function OutcomeLabel(props: {
       contract={contract as FullContract<DPM, FreeResponse>}
       resolution={outcome}
       truncate={truncate}
-      answerClassName={'font-bold text-primary'}
+      answerClassName={'font-bold text-base-400'}
     />
   )
 }