diff --git a/native/chat/sidebar-list-modal.react.js b/native/chat/sidebar-list-modal.react.js
--- a/native/chat/sidebar-list-modal.react.js
+++ b/native/chat/sidebar-list-modal.react.js
@@ -1,11 +1,12 @@
// @flow
import * as React from 'react';
-import { TextInput, FlatList, StyleSheet } from 'react-native';
+import { TextInput, FlatList, StyleSheet, View } from 'react-native';
import { useSearchSidebars } from 'lib/hooks/search-sidebars';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types';
+import ArrowLong from '../components/arrow-long.react';
import Modal from '../components/modal.react';
import Search from '../components/search.react';
import type { RootNavigationProp } from '../navigation/root-navigator.react';
@@ -71,11 +72,19 @@
const renderItem = React.useCallback(
(row: { item: SidebarInfo, ... }) => {
return (
-
+
+
+
+
+
+
+
+
+
);
},
[onPressItem],
@@ -105,6 +114,10 @@
}
const styles = StyleSheet.create({
+ arrow: {
+ position: 'absolute',
+ top: -19,
+ },
search: {
marginBottom: 8,
},
@@ -113,6 +126,16 @@
paddingLeft: 0,
paddingRight: 5,
},
+ sidebarItemContainer: {
+ flex: 1,
+ },
+ sidebarRowContainer: {
+ flex: 1,
+ flexDirection: 'row',
+ },
+ spacer: {
+ width: 30,
+ },
});
export default SidebarListModal;