[native] implement adding thread members in `AddUsersModal`
ClosedPublic
Actions

	// @flow			// @flow

	import * as React from 'react';			import * as React from 'react';

	import {			import {
	getFCNames as baseGetFCNames,			getFCNames as baseGetFCNames,
	type BaseFCInfo,			getFCAvatarURLs as baseGetFCAvatarURLs,
				type BaseFCNamesInfo,
				type BaseFCAvatarInfo,
	type GetFCNames,			type GetFCNames,
				type GetFCAvatarURLs,
	} from '../utils/farcaster-helpers.js';			} from '../utils/farcaster-helpers.js';
	import { FCCache } from '../utils/fc-cache.js';			import { FCCache } from '../utils/fc-cache.js';
	import { NeynarClient } from '../utils/neynar-client.js';			import { NeynarClient } from '../utils/neynar-client.js';

	type NeynarClientContextType = {			type NeynarClientContextType = {
	+client: NeynarClient,			+client: NeynarClient,
	+fcCache: FCCache,			+fcCache: FCCache,
	+getFCNames: GetFCNames,			+getFCNames: GetFCNames,
				+getFCAvatarURLs: GetFCAvatarURLs,
	};			};

	const NeynarClientContext: React.Context<?NeynarClientContextType> =			const NeynarClientContext: React.Context<?NeynarClientContextType> =
	React.createContext<?NeynarClientContextType>();			React.createContext<?NeynarClientContextType>();

	type Props = {			type Props = {
	+apiKey: ?string,			+apiKey: ?string,
	+children: React.Node,			+children: React.Node,
	};			};
	function NeynarClientProvider(props: Props): React.Node {			function NeynarClientProvider(props: Props): React.Node {
	const { apiKey, children } = props;			const { apiKey, children } = props;

	const neynarClient = React.useMemo(() => {			const neynarClient = React.useMemo(() => {
	if (!apiKey) {			if (!apiKey) {
	return null;			return null;
	}			}
	return new NeynarClient(apiKey);			return new NeynarClient(apiKey);
	}, [apiKey]);			}, [apiKey]);

	const context = React.useMemo(() => {			const context = React.useMemo(() => {
	if (!neynarClient) {			if (!neynarClient) {
	return null;			return null;
	}			}
	const fcCache = new FCCache(neynarClient);			const fcCache = new FCCache(neynarClient);
	const getFCNames: GetFCNames = <T: ?BaseFCInfo>(			const getFCNames: GetFCNames = <T: ?BaseFCNamesInfo>(
	users: $ReadOnlyArray<T>,			users: $ReadOnlyArray<T>,
	): Promise<T[]> => baseGetFCNames(fcCache, users);			): Promise<T[]> => baseGetFCNames(fcCache, users);
				const getFCAvatarURLs: GetFCAvatarURLs = (
				fids: $ReadOnlyArray<string>,
				): Promise<BaseFCAvatarInfo[]> => baseGetFCAvatarURLs(fcCache, fids);
	return {			return {
	client: neynarClient,			client: neynarClient,
	fcCache,			fcCache,
	getFCNames,			getFCNames,
				getFCAvatarURLs,
	};			};
	}, [neynarClient]);			}, [neynarClient]);

	return (			return (
	<NeynarClientContext.Provider value={context}>			<NeynarClientContext.Provider value={context}>
	{children}			{children}
	</NeynarClientContext.Provider>			</NeynarClientContext.Provider>
	);			);
	}			}

	export { NeynarClientContext, NeynarClientProvider };			export { NeynarClientContext, NeynarClientProvider };

[native] implement adding thread members in `AddUsersModal`ClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 43767

native/chat/settings/add-users-modal.react.js

[native] implement adding thread members in `AddUsersModal`
ClosedPublic
Actions

Revision Contents
Changeset List