a tool for shared writing and social publishing
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

add character counter to publish flow

+12 -5
+12 -5
app/[leaflet_id]/publish/PublishPost.tsx
··· 136 136 <p className="font-bold">{props.profile.displayName}</p> 137 137 <p className="text-tertiary">@{props.profile.handle}</p> 138 138 </div> 139 - <AutosizeTextarea 140 - value={postContent} 141 - onChange={(e) => setPostContent(e.currentTarget.value)} 142 - placeholder="Write a post to share your writing!" 143 - /> 139 + <div className="flex flex-col"> 140 + <AutosizeTextarea 141 + value={postContent} 142 + onChange={(e) => 143 + setPostContent(e.currentTarget.value.slice(0, 300)) 144 + } 145 + placeholder="Write a post to share your writing!" 146 + /> 147 + <div className="text-xs text-secondary italic place-self-end"> 148 + {postContent.length}/300 149 + </div> 150 + </div> 144 151 <div className="opaque-container overflow-hidden flex flex-col mt-4 w-full"> 145 152 {/* <div className="h-[260px] w-full bg-test" /> */} 146 153 <div className="flex flex-col p-2">