ansxor.ca / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

Adding little message at the bottom of the drafts list (#9827)

* Add encouragement message to drafts list

Shows "So many thoughts, you should post one" at the bottom of the drafts list when user has more than 5 drafts.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* Use Text component and center-align encouragement message

- Switch from ButtonText to Text component for better styling
- Add text-center alignment to the message

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>

authored by

Darrin Loeliger
Claude Sonnet 4.5 and committed by
GitHub 5c5b365e 1584c2de

+16 -6
unified split
+16 -6
src/view/com/composer/drafts/DraftsListDialog.tsx
··· 11 11 import {PageX_Stroke2_Corner0_Rounded_Large as PageXIcon} from '#/components/icons/PageX' 12 12 import {ListFooter} from '#/components/Lists' 13 13 import {Loader} from '#/components/Loader' 14 + import {Text} from '#/components/Typography' 14 15 import {useAnalytics} from '#/analytics' 15 16 import {IS_NATIVE} from '#/env' 16 17 import {DraftItem} from './DraftItem' ··· 140 141 141 142 const footerComponent = useMemo( 142 143 () => ( 143 - <ListFooter 144 - isFetchingNextPage={isFetchingNextPage} 145 - hasNextPage={hasNextPage} 146 - style={[a.border_transparent]} 147 - /> 144 + <> 145 + {drafts.length > 5 && ( 146 + <View style={[a.align_center, a.py_2xl]}> 147 + <Text style={[a.text_center, t.atoms.text_contrast_medium]}> 148 + <Trans>So many thoughts, you should post one</Trans> 149 + </Text> 150 + </View> 151 + )} 152 + <ListFooter 153 + isFetchingNextPage={isFetchingNextPage} 154 + hasNextPage={hasNextPage} 155 + style={[a.border_transparent]} 156 + /> 157 + </> 148 158 ), 149 - [isFetchingNextPage, hasNextPage], 159 + [isFetchingNextPage, hasNextPage, drafts.length, t], 150 160 ) 151 161 152 162 return (