From b1e0f3ee808094fe1b0dcdb7f0523245eff7a226 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Fri, 25 Feb 2022 22:00:21 -0600
Subject: [PATCH] Linkify answer text

---
 web/components/answers/answer-item.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/answers/answer-item.tsx b/web/components/answers/answer-item.tsx
index 51ea9631..14b5c121 100644
--- a/web/components/answers/answer-item.tsx
+++ b/web/components/answers/answer-item.tsx
@@ -14,6 +14,7 @@ import { getOutcomeProbability } from '../../../common/calculate'
 import { tradingAllowed } from '../../lib/firebase/contracts'
 import { AnswerBetPanel } from './answer-bet-panel'
 import { ContractFeed } from '../contract-feed'
+import { Linkify } from '../linkify'
 
 export function AnswerItem(props: {
   answer: Answer
@@ -63,7 +64,9 @@ export function AnswerItem(props: {
       onClick={() => !isBetting && setIsBetting(true)}
     >
       <Col className="flex-1 gap-3">
-        <div className="whitespace-pre-line break-words">{text}</div>
+        <div className="whitespace-pre-line">
+          <Linkify text={text} />
+        </div>
 
         <Row className="items-center gap-2 text-sm text-gray-500">
           <SiteLink className="relative" href={`/${username}`}>