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;