mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
b511f4b8df
* This is a huge update, mostly because we updated Gradle on the Android side, which includes a more strict bundle process for third party modules. On iOS, even though new architecture is disabled, we had to be explicit about it because of this react native update and because some updated dependencies have it enabled by default and are using turbo modules which are not available, YET, in our project.
72 lines
2.0 KiB
TypeScript
72 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
import { TouchableHighlight, ViewStyle } from 'react-native';
|
|
|
|
import Icon from '../../../icons/components/Icon';
|
|
import styles from '../../../react/components/native/styles';
|
|
import { IIconButtonProps } from '../../../react/types';
|
|
import { BUTTON_TYPES } from '../../constants.native';
|
|
import BaseTheme from '../BaseTheme.native';
|
|
|
|
|
|
const IconButton: React.FC<IIconButtonProps> = ({
|
|
accessibilityLabel,
|
|
color: iconColor,
|
|
disabled,
|
|
id,
|
|
onPress,
|
|
size,
|
|
src,
|
|
style,
|
|
tapColor,
|
|
type
|
|
}: IIconButtonProps) => {
|
|
const { PRIMARY, SECONDARY, TERTIARY } = BUTTON_TYPES;
|
|
|
|
let color;
|
|
let underlayColor;
|
|
let iconButtonContainerStyles;
|
|
|
|
if (type === PRIMARY) {
|
|
color = BaseTheme.palette.icon01;
|
|
iconButtonContainerStyles = styles.iconButtonContainerPrimary;
|
|
underlayColor = BaseTheme.palette.action01;
|
|
} else if (type === SECONDARY) {
|
|
color = BaseTheme.palette.icon04;
|
|
iconButtonContainerStyles = styles.iconButtonContainerSecondary;
|
|
underlayColor = BaseTheme.palette.action02;
|
|
} else if (type === TERTIARY) {
|
|
color = iconColor;
|
|
iconButtonContainerStyles = styles.iconButtonContainer;
|
|
underlayColor = BaseTheme.palette.action03;
|
|
} else {
|
|
color = iconColor;
|
|
underlayColor = tapColor;
|
|
}
|
|
|
|
if (disabled) {
|
|
color = BaseTheme.palette.icon03;
|
|
iconButtonContainerStyles = styles.iconButtonContainerDisabled;
|
|
underlayColor = 'transparent';
|
|
}
|
|
|
|
return (
|
|
<TouchableHighlight
|
|
accessibilityLabel = { accessibilityLabel }
|
|
disabled = { disabled }
|
|
id = { id }
|
|
onPress = { onPress }
|
|
style = { [
|
|
iconButtonContainerStyles,
|
|
style
|
|
] as ViewStyle[] }
|
|
underlayColor = { underlayColor }>
|
|
<Icon
|
|
color = { color }
|
|
size = { size ?? 20 }
|
|
src = { src } />
|
|
</TouchableHighlight>
|
|
);
|
|
};
|
|
|
|
export default IconButton;
|