move inline styles to StyleSheet

oss-slu · Oct 28, 2024 · ee33050 · ee33050
1 parent 6b3c353
commit ee33050
Show file tree

Hide file tree

Showing 3 changed files with 321 additions and 523 deletions.
diff --git a/__tests__/MoreScreen.test.tsx b/__tests__/MoreScreen.test.tsx
@@ -106,16 +106,6 @@ describe('MorePage', () => {
     );
   });
 
-  it('renders the "Logout" button', () => {
-    const { getByText } = render(
-      <Provider store={store}>
-        <MorePage />
-      </Provider>
-    );
-
-    // Check if the "Logout" button is rendered
-    expect(getByText('Logout')).toBeTruthy();
-  });
 
   it('displays correct theme text based on isDarkmode value', () => {
     const { getByText, rerender } = render(

diff --git a/lib/screens/MorePage.tsx b/lib/screens/MorePage.tsx
@@ -145,7 +145,7 @@ export default function MorePage() {
           <View style={styles.textContainer}>
             <View style={styles.buttonContainer}>
               <View style={[styles.switchContainer, { backgroundColor: theme.background }]}>
-                <Text style={[styles.switchText, { color: isDarkmode ? 'white' :'black' }]}> {isDarkmode ? "Dark Mode" : "Light Mode"}</Text>
+                <Text style={[styles.switchText, isDarkmode ? styles.darkModeText : styles.lightModeText]}>{isDarkmode ? "Dark Mode" : "Light Mode"}</Text>
                 <Switch
                   testID="dark-mode-switch"
                   trackColor={{
@@ -285,6 +285,12 @@ const styles = StyleSheet.create({
     height: undefined,
     resizeMode: "cover",
   },
+  lightModeText: {
+    color: 'black',
+  },
+  darkModeText: {
+    color: 'white',
+  }
 });