a tool for shared writing and social publishing
add character counter to publish flow
+12
-5
+12
-5
app/[leaflet_id]/publish/PublishPost.tsx
+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">