From 5481e8a20d7f4df54c2b299119b96e22916c48ee Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Wed, 12 Oct 2022 14:07:19 +1300
Subject: [PATCH] Fix color for snackbar buttons

The primary color doesn't always work when inverted
from dark to light theme.
---
 MassiveSnack.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/MassiveSnack.tsx b/MassiveSnack.tsx
index 7d14ff6..9f81a55 100644
--- a/MassiveSnack.tsx
+++ b/MassiveSnack.tsx
@@ -1,6 +1,7 @@
-import React, {useContext, useState} from 'react';
+import React, {useState} from 'react';
 import {Snackbar} from 'react-native-paper';
-import {CustomTheme} from './App';
+import {CombinedDarkTheme, CombinedDefaultTheme} from './App';
+import useDark from './use-dark';
 
 export const SnackbarContext = React.createContext<{
   toast: (value: string, timeout: number) => void;
@@ -13,7 +14,7 @@ export default function MassiveSnack({
 }) {
   const [snackbar, setSnackbar] = useState('');
   const [timeoutId, setTimeoutId] = useState(0);
-  const {color} = useContext(CustomTheme);
+  const dark = useDark();
 
   const toast = (value: string, timeout: number) => {
     setSnackbar(value);
@@ -33,7 +34,9 @@ export default function MassiveSnack({
         action={{
           label: 'Close',
           onPress: () => setSnackbar(''),
-          color,
+          color: dark
+            ? CombinedDarkTheme.colors.background
+            : CombinedDefaultTheme.colors.background,
         }}>
         {snackbar}
       </Snackbar>