From ad6f63148890d10d7a299bdf9519b636903e0566 Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Mon, 31 Oct 2022 21:15:50 -0700
Subject: [PATCH] fixing ipad registry header

---
 app/mobile/ios/Podfile.lock                   |  7 ++
 app/mobile/src/session/registry/Registry.jsx  | 78 +------------------
 .../src/session/registry/Registry.styled.js   |  3 +
 3 files changed, 14 insertions(+), 74 deletions(-)

diff --git a/app/mobile/ios/Podfile.lock b/app/mobile/ios/Podfile.lock
index 71ae2de3..6e93af58 100644
--- a/app/mobile/ios/Podfile.lock
+++ b/app/mobile/ios/Podfile.lock
@@ -394,6 +394,9 @@ PODS:
     - React-RCTText
     - ReactCommon/turbomodule/core
     - Yoga
+  - RNScreens (3.18.2):
+    - React-Core
+    - React-RCTImage
   - RNSoundPlayer (0.13.2):
     - React-Core
   - TOCropViewController (2.6.0)
@@ -449,6 +452,7 @@ DEPENDENCIES:
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
   - RNImageCropPicker (from `../node_modules/react-native-image-crop-picker`)
   - RNReanimated (from `../node_modules/react-native-reanimated`)
+  - RNScreens (from `../node_modules/react-native-screens`)
   - RNSoundPlayer (from `../node_modules/react-native-sound-player`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
@@ -554,6 +558,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-image-crop-picker"
   RNReanimated:
     :path: "../node_modules/react-native-reanimated"
+  RNScreens:
+    :path: "../node_modules/react-native-screens"
   RNSoundPlayer:
     :path: "../node_modules/react-native-sound-player"
   Yoga:
@@ -609,6 +615,7 @@ SPEC CHECKSUMS:
   RNGestureHandler: 7673697e7c0e9391adefae4faa087442bc04af33
   RNImageCropPicker: ffbba608264885c241cbf3a8f78eb7aeeb978241
   RNReanimated: 7faa787e8d4493fbc95fab2ad331fa7625828cfa
+  RNScreens: 34cc502acf1b916c582c60003dc3089fa01dc66d
   RNSoundPlayer: 369105c565b8fe6ea0a43fc882dc81eba444e842
   TOCropViewController: 3105367e808b7d3d886a74ff59bf4804e7d3ab38
   Yoga: c2b1f2494060865ac1f27e49639e72371b1205fa
diff --git a/app/mobile/src/session/registry/Registry.jsx b/app/mobile/src/session/registry/Registry.jsx
index 7af45167..f2429fa5 100644
--- a/app/mobile/src/session/registry/Registry.jsx
+++ b/app/mobile/src/session/registry/Registry.jsx
@@ -92,80 +92,10 @@ export function Registry({ closeRegistry, openContact }) {
   const { state, actions } = useRegistry();
 
   return (
-    <View style={styles.container}>
-      { state.tabbed && (
-        <>
-          <View style={styles.topbar}>
-            { state.busy && (
-              <View style={styles.search}>
-                <ActivityIndicator />
-              </View>
-            )}
-            { !state.busy && (
-              <TouchableOpacity style={styles.search} onPress={search}>
-                <Ionicons name={'search1'} size={16} color={Colors.white} />
-              </TouchableOpacity>
-            )}
-            <View style={styles.inputwrapper}>
-              <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
-                  autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Server" />
-              <View style={styles.space} />
-            </View>
-            <TouchableOpacity style={styles.close} onPress={closeRegistry}>
-              <Ionicons name={'close'} size={24} color={Colors.text} />
-            </TouchableOpacity>
-          </View>
-          { state.accounts.length === 0 && state.searched && (
-            <View style={styles.empty}>
-              <Text style={styles.emptyText}>No Contacts Found</Text>
-            </View>
-          )}
-          { state.accounts.length !== 0 && (
-            <FlatList style={styles.accounts}
-              data={state.accounts}
-              renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
-              keyExtractor={item => item.guid}
-            />
-          )}
-        </>
-      )}
-      { !state.tabbed && (
-        <SafeAreaView edges={['top', 'right', 'bottom']}>
-          <View style={styles.searcharea}>
-            <SafeAreaView edges={['right']}>
-              <View style={styles.searchbar}>
-                { state.busy && (
-                  <View style={styles.search}>
-                    <ActivityIndicator />
-                  </View>
-                )}
-                { !state.busy && (
-                  <TouchableOpacity style={styles.search} onPress={search}>
-                    <Ionicons name={'search1'} size={16} color={Colors.white} />
-                  </TouchableOpacity>
-                )}
-                <View style={styles.inputwrapper}>
-                  <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
-                      autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Server" />
-                </View>
-              </View>
-            </SafeAreaView>
-          </View>
-          { state.accounts.length === 0 && state.searched && (
-            <View style={style.empty}>
-              <Text style={styles.emptyText}>No Contacts Found</Text>
-            </View>
-          )}
-          { state.accounts.length !== 0 && (
-            <FlatList style={styles.accounts}
-              data={state.accounts}
-              renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
-              keyExtractor={item => item.guid}
-            />
-          )}
-        </SafeAreaView>
-      )}
-    </View>
+    <SafeAreaView style={styles.container} edges={['top', 'right', 'bottom']}>
+      <RegistryTitle state={state} actions={actions} />
+      <RegistryBody state={state} actions={actions} openContact={openContact} />
+    </SafeAreaView>
   );
 }
 
diff --git a/app/mobile/src/session/registry/Registry.styled.js b/app/mobile/src/session/registry/Registry.styled.js
index 94dae898..c94a336f 100644
--- a/app/mobile/src/session/registry/Registry.styled.js
+++ b/app/mobile/src/session/registry/Registry.styled.js
@@ -8,6 +8,9 @@ export const styles = StyleSheet.create({
     display: 'flex',
     flexDirection: 'column',
     backgroundColor: Colors.formBackground,
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
   },
   title: {
     display: 'flex',