40 lines
1.7 KiB
TypeScript
40 lines
1.7 KiB
TypeScript
// Metro module 14957 (f14958).
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { DARK_1_LIGHT_08 } from "../../../design/migrations/native/LegacyTokens";
|
|
import { GuildJoinRequestApplicationStatuses } from "../../guild_member_verification/MemberVerificationTypes";
|
|
import Module14958 from "../../../_bundle/Module14958";
|
|
import Module14959 from "../../../_bundle/Module14959";
|
|
import Module14960 from "../../../_bundle/Module14960";
|
|
import Module11442 from "../../../_bundle/Module11442";
|
|
import FastImage from "../../../components_native/common/FastImage";
|
|
const useStyles = createStyles({
|
|
badgeImageContainer: {
|
|
position: "absolute",
|
|
bottom: -3,
|
|
right: -3,
|
|
height: 22,
|
|
width: 22,
|
|
borderColor: Module712.colors.BACKGROUND_BASE_LOWEST,
|
|
borderWidth: 3,
|
|
borderRadius: 11,
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
overflow: "hidden"
|
|
},
|
|
badgeImage: {
|
|
height: 16,
|
|
width: 16,
|
|
opacity: DARK_1_LIGHT_08
|
|
}
|
|
});
|
|
export default function GuildsBarGuildJoinRequestBadge(props) {
|
|
const { style, joinRequestState } = props;
|
|
const styles = useStyles();
|
|
const source = GuildJoinRequestApplicationStatuses.REJECTED === joinRequestState ? Module14958 : GuildJoinRequestApplicationStatuses.SUBMITTED === joinRequestState ? Module14959 : GuildJoinRequestApplicationStatuses.STARTED === joinRequestState ? Module14960 : GuildJoinRequestApplicationStatuses.APPROVED === joinRequestState ? Module11442 : null;
|
|
return source != null ? <View pointerEvents="none" style={[styles.badgeImageContainer, style]}>
|
|
<FastImage source={source} style={styles.badgeImage} />
|
|
</View> : null;
|
|
};
|