Fix mock-providers.tsx

mock-providers.tsx

@@ -1,13 +1,15 @@
 import {NavigationContainer} from '@react-navigation/native'
 import React from 'react'
-import {Provider as PaperProvider} from 'react-native-paper'
+import {DefaultTheme, Provider as PaperProvider} from 'react-native-paper'
-import MassiveSnack from './MassiveSnack'
-import {defaultSettings, SettingsContext} from './use-settings'
 import MaterialIcon from 'react-native-vector-icons/MaterialIcons'
+import {ThemeContext} from './use-theme'
 
-export const setColor = jest.fn()
+export const theme = {
-const settings = defaultSettings
+  theme: 'system',
-export const setSettings = jest.fn()
+  setTheme: jest.fn(),
+  color: DefaultTheme.colors.primary,
+  setColor: jest.fn(),
+}
 
 export const MockProviders = ({
   children,
@@ -15,10 +17,8 @@ export const MockProviders = ({
   children: JSX.Element | JSX.Element[]
 }) => (
   <PaperProvider settings={{icon: props => <MaterialIcon {...props} />}}>
-    <SettingsContext.Provider value={{settings, setSettings}}>
+    <ThemeContext.Provider value={theme}>
-      <MassiveSnack>
+      <NavigationContainer>{children}</NavigationContainer>
-        <NavigationContainer>{children}</NavigationContainer>
+    </ThemeContext.Provider>
-      </MassiveSnack>
-    </SettingsContext.Provider>
   </PaperProvider>
 )