Page MenuHomePhabricator
Files F3719315

D11793.id39585.diff
No OneTemporary
Actions

D11793.id39585.diff
View Options

diff --git a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
--- a/native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
+++ b/native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
@@ -6,11 +6,17 @@
import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import {
+ createOrUpdateFarcasterChannelTagActionTypes,
+ useCreateOrUpdateFarcasterChannelTag,
+} from 'lib/actions/community-actions.js';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import type { FarcasterChannel } from 'lib/types/farcaster-types.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
+import { useDispatchActionPromise } from 'lib/utils/redux-promise-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react.js';
+import RegistrationButton from '../../account/registration/registration-button.react.js';
import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
@@ -25,8 +31,11 @@
+route: NavigationRoute<'TagFarcasterChannel'>,
};
-// eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node {
+ const { route } = props;
+
+ const { communityID } = route.params;
+
const styles = useStyles(unboundStyles);
const colors = useColors();
@@ -104,6 +113,34 @@
showActionSheetWithOptions,
]);
+ const dispatchActionPromise = useDispatchActionPromise();
+
+ const createOrUpdateFarcasterChannelTag =
+ useCreateOrUpdateFarcasterChannelTag();
+
+ const createCreateOrUpdateActionPromise = React.useCallback(async () => {
+ if (!selectedChannel) {
+ return undefined;
+ }
+
+ try {
+ return await createOrUpdateFarcasterChannelTag({
+ commCommunityID: communityID,
+ farcasterChannelID: selectedChannel.id,
+ });
+ } catch (e) {
+ console.log('error', e); // TODO: Improve error handling
+ throw e;
+ }
+ }, [communityID, createOrUpdateFarcasterChannelTag, selectedChannel]);
+
+ const onPressTag = React.useCallback(() => {
+ void dispatchActionPromise(
+ createOrUpdateFarcasterChannelTagActionTypes,
+ createCreateOrUpdateActionPromise(),
+ );
+ }, [createCreateOrUpdateActionPromise, dispatchActionPromise]);
+
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
@@ -113,6 +150,8 @@
? selectedChannel.name
: 'No Farcaster channel tagged';
+ const buttonVariant = selectedChannel ? 'enabled' : 'disabled';
+
const tagFarcasterChannel = React.useMemo(
() => (
<View>
@@ -133,6 +172,11 @@
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
+ <RegistrationButton
+ onPress={onPressTag}
+ label="Tag channel"
+ variant={buttonVariant}
+ />
</View>
),
[
@@ -143,6 +187,8 @@
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
+ onPressTag,
+ buttonVariant,
],
);

File Metadata

Mime Type
text/plain
Expires
Thu, Jan 9, 11:18 AM (8 h, 47 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2819822
Default Alt Text
D11793.id39585.diff (3 KB)

Event Timeline