diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-04-30 17:43:57 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-30 17:43:57 +0100 |
| commit | bcd3678067c2b807582794ce72f26c3af25d3a75 (patch) | |
| tree | 4fe3c547de1b2681319a0e812b9536dd0a332ddf /src/screens/Messages/Conversation/MessageItem.tsx | |
| parent | 2b7d796ca96cb098d3875826f20f293a3e956a47 (diff) | |
| download | voidsky-bcd3678067c2b807582794ce72f26c3af25d3a75.tar.zst | |
[Clipclops] New clipclop dialog (#3750)
* add new routes with placeholder screens * add clops list * add a clop input * add some better padding to the clops * some more adjustments * add rnkc * implement rnkc * implement rnkc * be a little less weird about it * rename clop stuff * rename more clop * one more * add codegenerated lexicon * replace hailey's types * use codegen'd types in components * fix error + throw if fetch failed * remove bad imports * update messageslist and messageitem * import useState * replace hailey's types * use codegen'd types in components * add FAB * new chat dialog * error + default search term * fix typo * fix web styles * optimistically set chat data * use cursor instead of last rev * [Clipclops] Temp codegenerated lexicon (#3749) * add codegenerated lexicon * replace hailey's types * use codegen'd types in components * fix error + throw if fetch failed * remove bad imports * update messageslist and messageitem * import useState * add clop service URL hook * add dm service url storage * use context * use context for service url (temp) * remove log * cleanup merge * fix merge error * disable hack * sender-based message styles * temporary filter * merge cleanup * add `hideBackButton` * rm unneeded return * tried to be smart * hide go back button * use `searchActorTypeahead` instead --------- Co-authored-by: Hailey <me@haileyok.com>
Diffstat (limited to 'src/screens/Messages/Conversation/MessageItem.tsx')
| -rw-r--r-- | src/screens/Messages/Conversation/MessageItem.tsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/screens/Messages/Conversation/MessageItem.tsx b/src/screens/Messages/Conversation/MessageItem.tsx index 74e65488e..822b17804 100644 --- a/src/screens/Messages/Conversation/MessageItem.tsx +++ b/src/screens/Messages/Conversation/MessageItem.tsx @@ -1,12 +1,16 @@ import React from 'react' import {View} from 'react-native' +import {useAgent} from '#/state/session' import {atoms as a, useTheme} from '#/alf' import {Text} from '#/components/Typography' import * as TempDmChatDefs from '#/temp/dm/defs' export function MessageItem({item}: {item: TempDmChatDefs.MessageView}) { const t = useTheme() + const {getAgent} = useAgent() + + const fromMe = item.sender?.did === getAgent().session?.did return ( <View @@ -15,13 +19,17 @@ export function MessageItem({item}: {item: TempDmChatDefs.MessageView}) { a.px_md, a.my_xs, a.rounded_md, + fromMe ? a.self_end : a.self_start, { - backgroundColor: t.palette.primary_500, + backgroundColor: fromMe + ? t.palette.primary_500 + : t.palette.contrast_50, maxWidth: '65%', borderRadius: 17, }, ]}> - <Text style={[a.text_md, {lineHeight: 1.2, color: 'white'}]}> + <Text + style={[a.text_md, a.leading_snug, fromMe && {color: t.palette.white}]}> {item.text} </Text> </View> |