From f75fbfb4c5d6eb5e181ef0e4009064f396378607 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 19 Jan 2022 01:43:54 -0500
Subject: [PATCH] Make textboxes in feed expandable

---
 web/components/contract-feed.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/components/contract-feed.tsx b/web/components/contract-feed.tsx
index dbeecfb9..3cdcf1b4 100644
--- a/web/components/contract-feed.tsx
+++ b/web/components/contract-feed.tsx
@@ -38,6 +38,7 @@ import { useBets } from '../hooks/use-bets'
 import { Bet, withoutAnteBets } from '../lib/firebase/bets'
 import { Comment, mapCommentsByBetId } from '../lib/firebase/comments'
 import { JoinSpans } from './join-spans'
+import Textarea from 'react-expanding-textarea'
 
 function FeedComment(props: { activityItem: any }) {
   const { activityItem } = props
@@ -125,11 +126,12 @@ function FeedBet(props: { activityItem: any }) {
           {canComment && (
             // Allow user to comment in an textarea if they are the creator
             <div className="mt-2">
-              <textarea
+              <Textarea
                 value={comment}
                 onChange={(e) => setComment(e.target.value)}
                 className="textarea textarea-bordered w-full"
                 placeholder="Add a comment..."
+                rows={3}
               />
               <button
                 className="btn btn-outline btn-sm mt-1"
@@ -175,8 +177,9 @@ export function ContractDescription(props: {
         !contract.resolution &&
         (editing ? (
           <form className="mt-4">
-            <textarea
+            <Textarea
               className="textarea h-24 textarea-bordered w-full mb-1"
+              rows={3}
               value={description}
               onChange={(e) => setDescription(e.target.value || '')}
               autoFocus