svenf/Massive
1
0
Fork 0
Code Pull Requests Activity

Fix color for snackbar buttons

Browse Source 
The primary color doesn't always work when inverted
from dark to light theme.
This commit is contained in:
Brandon Presley 2022-10-12 14:07:19 +13:00
parent 17b88f39e4
commit 5481e8a20d
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
MassiveSnack.tsx
View File

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