From 0eb6a501af1cd9502eb7b5cd43238be4112e5ac3 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Fri, 18 Apr 2025 08:57:36 +0200
Subject: [PATCH] Update credential index layout (#771)

---
 mobile-app/app/(tabs)/(credentials)/index.tsx | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/mobile-app/app/(tabs)/(credentials)/index.tsx b/mobile-app/app/(tabs)/(credentials)/index.tsx
index 4f7a4581d..414759d78 100644
--- a/mobile-app/app/(tabs)/(credentials)/index.tsx
+++ b/mobile-app/app/(tabs)/(credentials)/index.tsx
@@ -169,16 +169,6 @@ export default function CredentialsScreen() {
     <ThemedSafeAreaView style={styles.container}>
       <Stack.Screen options={{ title: "Credentials" }} />
       <ThemedView style={styles.content}>
-        <ThemedView style={styles.titleContainer}>
-          <ThemedText type="title">Credentials</ThemedText>
-        </ThemedView>
-        <TextInput
-          style={[styles.searchInput]}
-          placeholder="Search credentials..."
-          placeholderTextColor={colors.textMuted}
-          value={searchQuery}
-          onChangeText={setSearchQuery}
-        />
         <ThemedView style={styles.stepContainer}>
           {isLoadingCredentials ? (
             <ActivityIndicator size="large" color={colors.primaryButton} />
@@ -187,6 +177,20 @@ export default function CredentialsScreen() {
               data={filteredCredentials}
               keyExtractor={(item) => item.Id}
               keyboardShouldPersistTaps='handled'
+              ListHeaderComponent={
+                <ThemedView>
+                  <ThemedView style={styles.titleContainer}>
+                    <ThemedText type="title">Credentials</ThemedText>
+                  </ThemedView>
+                    <TextInput
+                    style={[styles.searchInput]}
+                    placeholder="Search credentials..."
+                    placeholderTextColor={colors.textMuted}
+                    value={searchQuery}
+                    onChangeText={setSearchQuery}
+                  />
+                </ThemedView>
+              }
               refreshControl={
                 <RefreshControl
                   refreshing={refreshing}