diff --git a/native/chat/thread-list-modal.react.js b/native/chat/thread-list-modal.react.js --- a/native/chat/thread-list-modal.react.js +++ b/native/chat/thread-list-modal.react.js @@ -17,6 +17,7 @@ import Modal from '../components/modal.react'; import Search from '../components/search.react'; +import { SingleLine } from '../components/single-line.react'; import SWMansionIcon from '../components/swmansion-icon.react'; import { useIndicatorStyle, useStyles } from '../themes/colors'; import { waitForModalInputFocus } from '../utils/timers'; @@ -52,6 +53,7 @@ props: Props, ): React.Node { const { + threadInfo: parentThreadInfo, searchState, setSearchState, onChangeSearchInputText, @@ -100,20 +102,41 @@ const indicatorStyle = useIndicatorStyle(); const navigation = useNavigation(); + const parentWrapperStyles = React.useMemo( + () => [ + { + backgroundColor: `#${parentThreadInfo.color}`, + }, + styles.parentWrapper, + ], + [parentThreadInfo.color, styles.parentWrapper], + ); + + const parentChat = ( + + + {parentThreadInfo.uiName} + + + ); + return ( - {modalTitle} - - - + + {modalTitle} + + + + + {parentChat} ; @@ -187,6 +188,7 @@ subthreadsModalClose: '#808080', subthreadsModalBackgroud: '#1F1F1F', subthreadsModalSearch: 'rgba(255, 255, 255, 0.04)', + subthreadsModalParentName: '#0A0A0A', }); const colors = { light, dark };