From 4150479aa39c7caeadbeaa63fc0a0a848bf14d7e Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Thu, 10 Feb 2022 14:57:41 -0600
Subject: [PATCH] Break words and linkify fold about text

---
 web/pages/fold/[...slugs]/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/pages/fold/[...slugs]/index.tsx b/web/pages/fold/[...slugs]/index.tsx
index f6d53c2c..245c5dcb 100644
--- a/web/pages/fold/[...slugs]/index.tsx
+++ b/web/pages/fold/[...slugs]/index.tsx
@@ -39,6 +39,7 @@ import { FollowFoldButton } from '../../../components/follow-fold-button'
 import FeedCreate from '../../../components/feed-create'
 import { SEO } from '../../../components/SEO'
 import { useTaggedContracts } from '../../../hooks/use-contracts'
+import { Linkify } from '../../../components/linkify'
 
 export async function getStaticProps(props: { params: { slugs: string[] } }) {
   const { slugs } = props.params
@@ -204,7 +205,7 @@ export default function FoldPage(props: {
               username={curator.username}
             />
           </Row>
-          <div>{fold.about}</div>
+          <Linkify text={fold.about ?? ''} />
         </Col>
       </div>
 
@@ -329,7 +330,9 @@ function FoldOverview(props: { fold: Fold; curator: User }) {
         {about && (
           <>
             <Spacer h={2} />
-            <div className="text-gray-500">{about}</div>
+            <div className="text-gray-500">
+              <Linkify text={about} />
+            </div>
           </>
         )}