From f6572eeffc6413d7498e7e6eb491661f7129285b Mon Sep 17 00:00:00 2001
From: Alex Ruzenhack <alex.ruzenhack@gmail.com>
Date: Wed, 4 Oct 2023 18:22:55 +0100
Subject: [PATCH] feat: Add title to HathorList and refactor Settings page

---
 src/components/HathorList.js | 14 ++++++++++++++
 src/screens/Settings.js      |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/HathorList.js b/src/components/HathorList.js
index e5e3f00af..900f7ba5b 100644
--- a/src/components/HathorList.js
+++ b/src/components/HathorList.js
@@ -31,6 +31,16 @@ export class HathorList extends Component {
       shadowColor: COLORS.textColor,
       shadowOpacity: 0.08,
     },
+    title: {
+      alignSelf: 'flex-start',
+      paddingHorizontal: 32,
+      fontSize: 14,
+      // HSL is preferable than RGB because it allows an
+      // easier manipulation in arithmetic fashion.
+      // The following color is Black with 55% of light,
+      // which yields a tone of grey.
+      color: 'hsl(0, 0%, 55%)',
+    },
     infinityView: {
       flex: 1,
       marginBottom: 0,
@@ -48,9 +58,13 @@ export class HathorList extends Component {
     }
 
     return (
+      <>
+      {this.props.title
+        && <Text style={[this.style.title]}>{this.props.title}</Text>}
       <View style={style}>
         {this.props.children}
       </View>
+      </>
     );
   }
 }
diff --git a/src/screens/Settings.js b/src/screens/Settings.js
index 552e38ffe..09dae4ec9 100644
--- a/src/screens/Settings.js
+++ b/src/screens/Settings.js
@@ -98,7 +98,7 @@ export class Settings extends React.Component {
             )
           )}
 
-          <HathorList infinity>
+          <HathorList title={t`General Settings`}>
             <ListItem
               text={(
                 <View style={{ flex: 1 }}>
@@ -169,6 +169,7 @@ export class Settings extends React.Component {
               )}
             />
           </HathorList>
+
         </ScrollView>
         <OfflineBar />
       </View>