diff --git a/native/community-settings/tag-farcaster-channel/remove-tag-button.react.js b/native/community-settings/tag-farcaster-channel/remove-tag-button.react.js index d29b8de17..840d2cfbe 100644 --- a/native/community-settings/tag-farcaster-channel/remove-tag-button.react.js +++ b/native/community-settings/tag-farcaster-channel/remove-tag-button.react.js @@ -1,67 +1,67 @@ // @flow import * as React from 'react'; -import { Text, ActivityIndicator } from 'react-native'; +import { View, Text, ActivityIndicator } from 'react-native'; import { useRemoveFarcasterChannelTag } from 'lib/shared/community-utils.js'; import type { SetState } from 'lib/types/hook-types.js'; import Button from '../../components/button.react.js'; import { useStyles, useColors } from '../../themes/colors.js'; type Props = { +communityID: string, +channelID: string, +setError: SetState, }; function RemoveTagButton(props: Props): React.Node { const { communityID, channelID, setError } = props; const styles = useStyles(unboundStyles); const colors = useColors(); const { removeTag, isLoading } = useRemoveFarcasterChannelTag( communityID, channelID, setError, ); const buttonContent = React.useMemo(() => { if (isLoading) { return ( ); } return Remove tag; }, [colors.panelForegroundLabel, isLoading, styles.buttonText]); return ( ); } const unboundStyles = { button: { borderRadius: 8, paddingVertical: 12, paddingHorizontal: 24, borderWidth: 1, borderColor: 'vibrantRedButton', }, buttonText: { fontSize: 16, fontWeight: '500', lineHeight: 24, color: 'vibrantRedButton', textAlign: 'center', }, buttonContainer: { height: 24, }, }; export default RemoveTagButton;