diff options
author | dan <dan.abramov@gmail.com> | 2024-08-08 17:58:58 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-08-08 17:58:58 +0100 |
commit | ae25cb33919c2d308d24d2ac20d884871ad71ce3 (patch) | |
tree | f4fe718ac9ddcb537b842c697968e47f6be60788 /src/view/com/composer/Prompt.tsx | |
parent | 85fe95c988d34384879a74164ba58d329e34def8 (diff) | |
download | voidsky-ae25cb33919c2d308d24d2ac20d884871ad71ce3.tar.zst |
Move onPressReply into child component (#4898)
* Move ComposePrompt to post-thread/ * Move onPressReply into child component
Diffstat (limited to 'src/view/com/composer/Prompt.tsx')
-rw-r--r-- | src/view/com/composer/Prompt.tsx | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/src/view/com/composer/Prompt.tsx b/src/view/com/composer/Prompt.tsx deleted file mode 100644 index 20637c7e9..000000000 --- a/src/view/com/composer/Prompt.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import React from 'react' -import {StyleSheet, TouchableOpacity} from 'react-native' -import {msg, Trans} from '@lingui/macro' -import {useLingui} from '@lingui/react' - -import {useProfileQuery} from '#/state/queries/profile' -import {useSession} from '#/state/session' -import {usePalette} from 'lib/hooks/usePalette' -import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {Text} from '../util/text/Text' -import {UserAvatar} from '../util/UserAvatar' - -export function ComposePrompt({onPressCompose}: {onPressCompose: () => void}) { - const {currentAccount} = useSession() - const {data: profile} = useProfileQuery({did: currentAccount?.did}) - const pal = usePalette('default') - const {_} = useLingui() - const {isDesktop} = useWebMediaQueries() - return ( - <TouchableOpacity - testID="replyPromptBtn" - style={[pal.view, pal.border, styles.prompt]} - onPress={() => onPressCompose()} - accessibilityRole="button" - accessibilityLabel={_(msg`Compose reply`)} - accessibilityHint={_(msg`Opens composer`)}> - <UserAvatar - avatar={profile?.avatar} - size={38} - type={profile?.associated?.labeler ? 'labeler' : 'user'} - /> - <Text - type="xl" - style={[ - pal.text, - isDesktop ? styles.labelDesktopWeb : styles.labelMobile, - ]}> - <Trans>Write your reply</Trans> - </Text> - </TouchableOpacity> - ) -} - -const styles = StyleSheet.create({ - prompt: { - paddingHorizontal: 16, - paddingTop: 10, - paddingBottom: 10, - flexDirection: 'row', - alignItems: 'center', - borderTopWidth: StyleSheet.hairlineWidth, - }, - labelMobile: { - paddingLeft: 12, - }, - labelDesktopWeb: { - paddingLeft: 12, - }, -}) |