From 2dd42e3f97cfcbef20683c8de7529c95863654a6 Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Tue, 27 Sep 2022 22:57:30 -0700
Subject: [PATCH] styling screen header

---
 app/mobile/src/session/Session.jsx               | 10 +++++-----
 app/mobile/src/session/profile/Profile.styled.js |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/mobile/src/session/Session.jsx b/app/mobile/src/session/Session.jsx
index 603952d6..83c3b37f 100644
--- a/app/mobile/src/session/Session.jsx
+++ b/app/mobile/src/session/Session.jsx
@@ -71,11 +71,11 @@ export function Session() {
     const channels = useChannels();
 
     return (
-      <ConversationStack.Navigator screenOptions={({ route }) => ({ headerShown: true })}>
+      <ConversationStack.Navigator screenOptions={({ route }) => ({ headerShown: true, headerTintColor: Colors.primary })}>
         <ConversationStack.Screen name="channels" options={{
             headerStyle: { backgroundColor: Colors.titleBackground }, 
             headerBackTitleVisible: false, 
-            headerTitle: (props) => { console.log(props); return <ChannelsTitle state={channels.state} actions={channels.actions} /> }
+            headerTitle: (props) => <ChannelsTitle state={channels.state} actions={channels.actions} />
           }}>
           {(props) => <ChannelsBody state={channels.state} actions={channels.actions} openConversation={(cardId, channelId) => setConversation(props.navigation, cardId, channelId)} />}
         </ConversationStack.Screen>
@@ -96,7 +96,7 @@ export function Session() {
   }
   const ProfileStackScreen = () => {
     return (
-      <ProfileStack.Navigator screenOptions={({ route }) => ({ headerShown: true })}>
+      <ProfileStack.Navigator screenOptions={({ route }) => ({ headerShown: true, headerTintColor: Colors.primary })}>
         <ProfileStack.Screen name="profile" component={Profile} options={{ headerStyle: { backgroundColor: Colors.titleBackground }, headerTitle: (props) => <ProfileTitle {...props} /> }} />
       </ProfileStack.Navigator>
     );
@@ -121,11 +121,11 @@ export function Session() {
     const cards = useCards();
 
     return (
-      <ContactStack.Navigator screenOptions={({ route }) => ({ headerShow: true })}>
+      <ContactStack.Navigator screenOptions={({ route }) => ({ headerShow: true, headerTintColor: Colors.primary })}>
         <ContactStack.Screen name="cards" options={{
             headerStyle: { backgroundColor: Colors.titleBackground }, 
             headerBackTitleVisible: false, 
-            headerTitle: (props) => { console.log(props); return <CardsTitle state={cards.state} actions={cards.actions} openRegistry={setRegistryStack} /> }
+            headerTitle: (props) => <CardsTitle state={cards.state} actions={cards.actions} openRegistry={setRegistryStack} />
           }}>
           {(props) => <CardsBody state={cards.state} actions={cards.actions} openContact={(contact) => setCardStack(props.navigation, contact)} />}
         </ContactStack.Screen>
diff --git a/app/mobile/src/session/profile/Profile.styled.js b/app/mobile/src/session/profile/Profile.styled.js
index 50de4be6..0815427d 100644
--- a/app/mobile/src/session/profile/Profile.styled.js
+++ b/app/mobile/src/session/profile/Profile.styled.js
@@ -24,6 +24,8 @@ export const styles = StyleSheet.create({
     flex: 1,
     width: '100%',
     textAlign: 'start',
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   body: {
     paddingTop: 16,