diff options
Diffstat (limited to 'src/view/com/util/Toast.web.tsx')
-rw-r--r-- | src/view/com/util/Toast.web.tsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/view/com/util/Toast.web.tsx b/src/view/com/util/Toast.web.tsx index cfde68536..c295bad69 100644 --- a/src/view/com/util/Toast.web.tsx +++ b/src/view/com/util/Toast.web.tsx @@ -4,7 +4,10 @@ import React, {useState, useEffect} from 'react' import {StyleSheet, Text, View} from 'react-native' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' +import { + FontAwesomeIcon, + FontAwesomeIconStyle, +} from '@fortawesome/react-native-fontawesome' const DURATION = 3500 @@ -32,7 +35,11 @@ export const ToastContainer: React.FC<ToastContainerProps> = ({}) => { <> {activeToast && ( <View style={styles.container}> - <FontAwesomeIcon icon="check" size={24} style={styles.icon} /> + <FontAwesomeIcon + icon="check" + size={24} + style={styles.icon as FontAwesomeIconStyle} + /> <Text style={styles.text}>{activeToast.text}</Text> </View> )} @@ -57,6 +64,7 @@ const styles = StyleSheet.create({ position: 'absolute', left: 20, bottom: 20, + // @ts-ignore web only width: 'calc(100% - 40px)', maxWidth: 350, padding: 20, |