Page MenuHomePhorge
Files F32213539

D7773.1765147952.diff
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

D7773.1765147952.diff
View Options

diff --git a/native/chat/chat.react.js b/native/chat/chat.react.js
--- a/native/chat/chat.react.js
+++ b/native/chat/chat.react.js
@@ -68,7 +68,10 @@
type ScreenParamList,
type ChatParamList,
type ChatTopTabsParamList,
+ MessageSearchRouteName,
} from '../navigation/route-names.js';
+import MessageSearch from '../search/message-search.react.js';
+import SearchHeader from '../search/search-header.react.js';
import { useColors, useStyles } from '../themes/colors.js';
const unboundStyles = {
@@ -268,6 +271,14 @@
headerTitle: 'Delete chat',
headerBackTitleVisible: false,
};
+const messageSearchOptions = {
+ // eslint-disable-next-line react/display-name
+ headerTitle: () => <SearchHeader />,
+ headerBackTitleVisible: false,
+ headerTitleContainerStyle: {
+ width: '100%',
+ },
+};
const messageResultsScreenOptions = {
headerTitle: 'Pinned Messages',
headerBackTitleVisible: false,
@@ -385,6 +396,11 @@
component={MessageResultsScreen}
options={messageResultsScreenOptions}
/>
+ <Chat.Screen
+ name={MessageSearchRouteName}
+ component={MessageSearch}
+ options={messageSearchOptions}
+ />
</Chat.Navigator>
<MessageStorePruner />
<ThreadScreenPruner />
diff --git a/native/navigation/route-names.js b/native/navigation/route-names.js
--- a/native/navigation/route-names.js
+++ b/native/navigation/route-names.js
@@ -33,6 +33,7 @@
import type { VideoPlaybackModalParams } from '../media/video-playback-modal.react.js';
import type { CustomServerModalParams } from '../profile/custom-server-modal.react.js';
import type { RelationshipListItemTooltipModalParams } from '../profile/relationship-list-item-tooltip-modal.react.js';
+import type { MessageSearchParams } from '../search/message-search.react.js';
export const ActionResultModalRouteName = 'ActionResultModal';
export const AddUsersModalRouteName = 'AddUsersModal';
@@ -95,6 +96,7 @@
export const KeyserverSelectionRouteName = 'KeyserverSelection';
export const CoolOrNerdModeSelectionRouteName = 'CoolOrNerdModeSelection';
export const ConnectEthereumRouteName = 'ConnectEthereum';
+export const MessageSearchRouteName = 'MessageSearch';
export type RootParamList = {
+LoggedOutModal: void,
@@ -159,6 +161,7 @@
+DeleteThread: DeleteThreadParams,
+FullScreenThreadMediaGallery: FullScreenThreadMediaGalleryParams,
+MessageResultsScreen: MessageResultsScreenParams,
+ +MessageSearch: MessageSearchParams,
};
export type ChatTopTabsParamList = {
diff --git a/native/search/message-search.react.js b/native/search/message-search.react.js
new file mode 100644
--- /dev/null
+++ b/native/search/message-search.react.js
@@ -0,0 +1,76 @@
+/* eslint-disable no-unused-vars */
+// @flow
+
+import invariant from 'invariant';
+import * as React from 'react';
+import { View } from 'react-native';
+
+import type { ThreadInfo } from 'lib/types/thread-types.js';
+
+import { MessageSearchContext } from './search-provider.react.js';
+import Statement from './statement.react.js';
+import type { ChatNavigationProp } from '../chat/chat.react.js';
+import type { NavigationRoute } from '../navigation/route-names.js';
+import { useStyles } from '../themes/colors.js';
+import type { ChatMessageItemWithHeight } from '../types/chat-types.js';
+
+export type MessageSearchParams = {
+ +threadInfo: ThreadInfo,
+};
+
+export type MessageSearchProps = {
+ +navigation: ChatNavigationProp<'MessageSearch'>,
+ +route: NavigationRoute<'MessageSearch'>,
+};
+
+function MessageSearch(props: MessageSearchProps): React.Node {
+ const searchContext = React.useContext(MessageSearchContext);
+ invariant(searchContext, 'searchContext should be set');
+ const { query, clearQuery } = searchContext;
+
+ React.useEffect(() => {
+ return props.navigation.addListener('beforeRemove', () => {
+ clearQuery();
+ });
+ }, [props.navigation, clearQuery]);
+
+ const [measuredMessages, setMeasuredMessages] = React.useState([]);
+
+ const appendMeasuredMessages = React.useCallback(
+ (newMessages: $ReadOnlyArray<ChatMessageItemWithHeight>) => {
+ setMeasuredMessages(oldMessages => [
+ ...oldMessages.filter(item => item.itemType !== 'loader'),
+ ...newMessages,
+ ]);
+ },
+ [],
+ );
+
+ const [lastID, setLastID] = React.useState(undefined);
+
+ React.useEffect(() => {
+ setMeasuredMessages([]);
+ setLastID(undefined);
+ }, [query]);
+
+ const styles = useStyles(unboundStyles);
+
+ if (query === '') {
+ return (
+ <View style={styles.content}>
+ <Statement text="Your search results will appear here!" />
+ </View>
+ );
+ }
+
+ return <View></View>;
+}
+
+const unboundStyles = {
+ content: {
+ height: '100%',
+ backgroundColor: 'panelBackground',
+ },
+};
+
+export default MessageSearch;

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 10:52 PM (22 h, 37 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5846347
Default Alt Text
D7773.1765147952.diff (4 KB)

Event Timeline