Rocket.Chat.ReactNative/app/containers/InAppNotification/IncomingCallNotification/style.tsx

58 lines
1.2 KiB
TypeScript
Raw Normal View History

feat: Add caller and ringer to video conf calls (#5046) * add expo camera and use camera on call init action sheet * fix permissions * set colors when calling * update @react-native-community/hooks lib * move to useWindowDimensions * create action to handle video-conf calls * create videoConf reducer * add typed-redux-saga lib * fix return * change videoConf saga to TS * fix TS target * update action and types * create actionSheetRef * add notifyUser api * export video conf types * add action prop * use new reducer prop * add videoConferenceCancel and add allowRinging to videoConferenceStart * temp-patch * add locales * add handler to videoconf message * fix rest types * add message types * path to remove component from dom * remove notification when is videoconf * create sound hook * create dots loader * update call translation * the end is near * move to confirmed * better code reading * fix call type * fix tests * update podfile * wip * fix call order * move colors * move to jsx * fix colors * add pt-br * remove patch and point * fix colors * fix expo camera * move to style * remove unused styles * update types and style * wip * rename IncomingCallComponent * add custom notification * wip * fix naming * fix styles * fix import * fix styles * change colors * fixa ringing * fix import * organize * fix sizes * use realName * fix spacing * fix icon size * fix header gap * changeColor * fix safeArea * set calling only on direct calls * change ringer to be a component * cancel call on swipe * remove join on direct calls * add props * update package
2023-07-04 00:03:39 +00:00
import { PixelRatio, StyleSheet } from 'react-native';
import { useTheme } from '../../../theme';
import sharedStyles from '../../../views/Styles';
export const useStyle = () => {
const { colors } = useTheme();
return StyleSheet.create({
container: {
height: 160 * PixelRatio.getFontScale(),
paddingHorizontal: 24,
paddingVertical: 18,
marginHorizontal: 10,
borderWidth: StyleSheet.hairlineWidth,
borderRadius: 4,
backgroundColor: colors.focusedBackground,
borderColor: colors.separatorColor,
flex: 1
},
small: {
width: '50%',
alignSelf: 'center'
},
row: {
flexDirection: 'row',
marginTop: 12
},
closeButton: {
backgroundColor: colors.passcodeButtonActive,
marginRight: 8,
alignItems: 'center',
justifyContent: 'center',
borderRadius: 4,
width: 36,
height: 36
},
cancelButton: {
borderRadius: 4,
backgroundColor: colors.cancelCallButton,
marginRight: 8,
flex: 2,
alignItems: 'center',
justifyContent: 'center'
},
buttonText: {
...sharedStyles.textMedium,
color: 'white'
},
acceptButton: {
borderRadius: 4,
backgroundColor: colors.acceptCallButton,
flex: 2,
alignItems: 'center',
justifyContent: 'center'
}
});
};