added status message to registry screen

app/mobile/src/session/registry/Registry.jsx

@@ -55,11 +55,20 @@ export function RegistryTitle({ state, actions }) {
 
 export function RegistryBody({ state, actions, openContact }) {
   return (
-    <FlatList style={styles.accounts}
+    <View style={styles.accounts}> 
-      data={state.accounts}
+      { state.accounts.length === 0 && state.searcheg && (
-      renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
+        <View style={styles.empty}>
-      keyExtractor={item => item.guid}
+          <Text style={styles.emptyText}>No Contacts Found</Text>
-    />
+        </View>
+      )}
+      { state.accounts.length !== 0 && (
+        <FlatList
+          data={state.accounts}
+          renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
+          keyExtractor={item => item.guid}
+        />
+      )}
+    </View>
   );
 }
 
@@ -104,11 +113,18 @@ export function Registry({ closeRegistry, openContact }) {
               <Ionicons name={'close'} size={24} color={Colors.text} />
             </TouchableOpacity>
           </View>
-          <FlatList style={styles.accounts}
+          { state.accounts.length === 0 && state.searched && (
-            data={state.accounts}
+            <View style={styles.empty}>
-            renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
+              <Text style={styles.emptyText}>No Contacts Found</Text>
-            keyExtractor={item => item.guid}
+            </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 && (
@@ -134,11 +150,18 @@ export function Registry({ closeRegistry, openContact }) {
             </SafeAreaView>
           </View>
           <SafeAreaView edges={['right']}>
-            <FlatList style={styles.accounts}
+            { state.accounts.length === 0 && state.searched && (
-              data={state.accounts}
+              <View style={style.empty}>
-              renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
+                <Text style={styles.emptyText}>No Contacts Found</Text>
-              keyExtractor={item => item.guid}
+              </View>
-            />
+            )}
+            { state.accounts.length !== 0 && (
+              <FlatList style={styles.accounts}
+                data={state.accounts}
+                renderItem={({ item }) => <RegistryItem item={item} openContact={openContact} />}
+                keyExtractor={item => item.guid}
+              />
+            )}
           </SafeAreaView>
         </>
       )}

app/mobile/src/session/registry/Registry.styled.js

@@ -79,9 +79,19 @@ export const styles = StyleSheet.create({
     flexShrink: 1,
     width: '100%',
     paddingLeft: 16,
-    paddingRight: 16,
     minHeight: 0,
   },
+  empty: {
+    flexGrow: 1,
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  emptyText: {
+    color: Colors.grey,
+    fontSize: 16,
+  },
   addbottom: {
     marginRight: 8,
     display: 'flex',

app/mobile/src/session/registry/useRegistry.hook.js

@@ -14,6 +14,7 @@ export function useRegistry() {
     server: null,
     filter: false,
     username: null,
+    searched: false,
     busy: false,
   });
 
@@ -63,8 +64,7 @@ export function useRegistry() {
           return true;
         });
         const items = filtered.map(setAccountItem);
-        items.push({guid:''});
+        updateState({ busy: false, searched: true, accounts: items });
-        updateState({ busy: false, accounts: items });
       }
       catch (err) {
         console.log(err);
@@ -78,7 +78,7 @@ export function useRegistry() {
 
   const actions = {
     setServer: (server) => {
-      updateState({ server, accounts: [] });
+      updateState({ server, searched: false, accounts: [] });
     },
     search: async () => {
       await getAccounts(state.server, false);