Fix color for snackbar buttons
The primary color doesn't always work when inverted from dark to light theme.
This commit is contained in:
parent
17b88f39e4
commit
5481e8a20d
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user