Page MenuHomePhabricator
Differential D13097

[lib] getFarcasterUsernamess -> getFarcasterUsers
ClosedPublic
Actions

Authored by varun on Aug 15 2024, 10:52 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 17, 1:35 PM
Unknown Object (File)
Wed, Apr 16, 12:04 AM
Unknown Object (File)
Tue, Apr 15, 10:09 PM
Unknown Object (File)
Tue, Apr 15, 3:55 PM
Unknown Object (File)
Mar 22 2025, 6:51 AM
Unknown Object (File)
Mar 7 2025, 12:53 AM
Unknown Object (File)
Feb 6 2025, 10:34 AM
Unknown Object (File)
Jan 17 2025, 8:08 AM
View All 56 Files
Subscribers
ashoat
tomek

Details

Reviewers
ashoat
tomek
Commits
rCOMMa12edb902185: [lib] getFarcasterUsernamess -> getFarcasterUsers
Summary

Depends on D13086

Test Plan

tested later in stack by successfully setting avatar from farcaster

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Revision Contents
Changeset List

PathSize
lib/
types/
1 line
utils/
7 lines
17 lines

Diff 43588

View Options

lib/types/farcaster-types.js

// @flow // @flow
import { useRoute } from '@react-navigation/core';
import * as React from 'react'; import * as React from 'react';
import { Animated, Text, View } from 'react-native';
import { TabBarItem } from 'react-native-tab-view';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js'; import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import { createChatTabBarButton } from './chat-tab-bar-button.react.js';
import { backgroundChatThreadListOptions } from '../chat/chat-options.js'; import { backgroundChatThreadListOptions } from '../chat/chat-options.js';
import { useSelector } from '../redux/redux-utils.js';
import { useStyles } from '../themes/colors.js';
import { LightTheme, DarkTheme } from '../themes/navigation.js';
import { import {
type NUXTipsOverlayProps, type NUXTipsOverlayProps,
createNUXTipsOverlay, createNUXTipsOverlay,
} from '../tooltip/nux-tips-overlay.react.js'; } from '../tooltip/nux-tips-overlay.react.js';
const mutedTabTipTextBase = const mutedTabTipTextBase =
'When you mute a chat, it automatically gets moved to this tab.'; 'When you mute a chat, it automatically gets moved to this tab.';
const mutedTabTipTextIfFID = const mutedTabTipTextIfFID =
' When Comm automatically adds you to a community associated with a ' + ' When Comm automatically adds you to a community associated with a ' +
'Farcaster channel you follow, we mute them by default.'; 'Farcaster channel you follow, we mute them by default.';
const dummyCallback = () => {};
const dummyNavigationState = { index: 0, routes: [] };
const unboundStyles = {
button: {
flexDirection: 'row',
backgroundColor: 'tabBarBackground',
},
label: {
textAlign: 'center',
textTransform: 'uppercase',
fontSize: 13,
margin: 4,
backgroundColor: 'transparent',
},
icon: {
height: 24,
width: 24,
},
};
function WrappedChatTabBarButton(): React.Node {
const { title, tabBarIcon: Icon } = backgroundChatThreadListOptions;
const position = React.useRef(() => new Animated.Value(0));
const route = useRoute();
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const color = React.useMemo(
() =>
activeTheme === 'dark' ? DarkTheme.colors.text : LightTheme.colors.text,
[activeTheme],
);
const styles = useStyles(unboundStyles);
const renderLabel = React.useCallback(
({ color: labelColor }: { color: string, ... }) => {
return <Text style={[styles.label, { color: labelColor }]}>{title}</Text>;
},
[styles.label, title],
);
const renderIcon = React.useCallback(
({ color: iconColor }: { color: string, ... }) => {
return (
<View style={styles.icon}>
<Icon color={iconColor} />
</View>
);
},
[styles.icon],
);
const renderLabelText = React.useCallback(() => title, [title]);
return (
<TabBarItem
position={position.current}
route={route}
navigationState={dummyNavigationState}
onPress={dummyCallback}
onLongPress={dummyCallback}
style={styles.button}
getLabelText={renderLabelText}
getAccessible={dummyCallback}
getAccessibilityLabel={dummyCallback}
renderIcon={renderIcon}
getTestID={dummyCallback}
activeColor={color}
renderLabel={renderLabel}
/>
);
}
function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node { function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node {
const fid = useCurrentUserFID(); const fid = useCurrentUserFID();
const text = React.useMemo(() => { const text = React.useMemo(() => {
if (!fid) { if (!fid) {
return mutedTabTipTextBase; return mutedTabTipTextBase;
} }
return mutedTabTipTextBase + mutedTabTipTextIfFID; return mutedTabTipTextBase + mutedTabTipTextIfFID;
}, [fid]); }, [fid]);
const MutedTabTipComponent: React.ComponentType< const MutedTabTipComponent: React.ComponentType<
NUXTipsOverlayProps<'MutedTabTip'>, NUXTipsOverlayProps<'MutedTabTip'>,
> = createNUXTipsOverlay(WrappedChatTabBarButton, text); > = createNUXTipsOverlay(
createChatTabBarButton<'MutedTabTip'>(backgroundChatThreadListOptions),
text,
);
return <MutedTabTipComponent {...props} />; return <MutedTabTipComponent {...props} />;
} }
export default MutedTabTip; export default MutedTabTip;
View Options

lib/utils/fc-cache.js

// @flow // @flow
import { useRoute } from '@react-navigation/core';
import * as React from 'react'; import * as React from 'react';
import { Animated, Text, View } from 'react-native';
import { TabBarItem } from 'react-native-tab-view';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js'; import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import { createChatTabBarButton } from './chat-tab-bar-button.react.js';
import { backgroundChatThreadListOptions } from '../chat/chat-options.js'; import { backgroundChatThreadListOptions } from '../chat/chat-options.js';
import { useSelector } from '../redux/redux-utils.js';
import { useStyles } from '../themes/colors.js';
import { LightTheme, DarkTheme } from '../themes/navigation.js';
import { import {
type NUXTipsOverlayProps, type NUXTipsOverlayProps,
createNUXTipsOverlay, createNUXTipsOverlay,
} from '../tooltip/nux-tips-overlay.react.js'; } from '../tooltip/nux-tips-overlay.react.js';
const mutedTabTipTextBase = const mutedTabTipTextBase =
'When you mute a chat, it automatically gets moved to this tab.'; 'When you mute a chat, it automatically gets moved to this tab.';
const mutedTabTipTextIfFID = const mutedTabTipTextIfFID =
' When Comm automatically adds you to a community associated with a ' + ' When Comm automatically adds you to a community associated with a ' +
'Farcaster channel you follow, we mute them by default.'; 'Farcaster channel you follow, we mute them by default.';
const dummyCallback = () => {};
const dummyNavigationState = { index: 0, routes: [] };
const unboundStyles = {
button: {
flexDirection: 'row',
backgroundColor: 'tabBarBackground',
},
label: {
textAlign: 'center',
textTransform: 'uppercase',
fontSize: 13,
margin: 4,
backgroundColor: 'transparent',
},
icon: {
height: 24,
width: 24,
},
};
function WrappedChatTabBarButton(): React.Node {
const { title, tabBarIcon: Icon } = backgroundChatThreadListOptions;
const position = React.useRef(() => new Animated.Value(0));
const route = useRoute();
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const color = React.useMemo(
() =>
activeTheme === 'dark' ? DarkTheme.colors.text : LightTheme.colors.text,
[activeTheme],
);
const styles = useStyles(unboundStyles);
const renderLabel = React.useCallback(
({ color: labelColor }: { color: string, ... }) => {
return <Text style={[styles.label, { color: labelColor }]}>{title}</Text>;
},
[styles.label, title],
);
const renderIcon = React.useCallback(
({ color: iconColor }: { color: string, ... }) => {
return (
<View style={styles.icon}>
<Icon color={iconColor} />
</View>
);
},
[styles.icon],
);
const renderLabelText = React.useCallback(() => title, [title]);
return (
<TabBarItem
position={position.current}
route={route}
navigationState={dummyNavigationState}
onPress={dummyCallback}
onLongPress={dummyCallback}
style={styles.button}
getLabelText={renderLabelText}
getAccessible={dummyCallback}
getAccessibilityLabel={dummyCallback}
renderIcon={renderIcon}
getTestID={dummyCallback}
activeColor={color}
renderLabel={renderLabel}
/>
);
}
function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node { function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node {
const fid = useCurrentUserFID(); const fid = useCurrentUserFID();
const text = React.useMemo(() => { const text = React.useMemo(() => {
if (!fid) { if (!fid) {
return mutedTabTipTextBase; return mutedTabTipTextBase;
} }
return mutedTabTipTextBase + mutedTabTipTextIfFID; return mutedTabTipTextBase + mutedTabTipTextIfFID;
}, [fid]); }, [fid]);
const MutedTabTipComponent: React.ComponentType< const MutedTabTipComponent: React.ComponentType<
NUXTipsOverlayProps<'MutedTabTip'>, NUXTipsOverlayProps<'MutedTabTip'>,
> = createNUXTipsOverlay(WrappedChatTabBarButton, text); > = createNUXTipsOverlay(
createChatTabBarButton<'MutedTabTip'>(backgroundChatThreadListOptions),
text,
);
return <MutedTabTipComponent {...props} />; return <MutedTabTipComponent {...props} />;
} }
export default MutedTabTip; export default MutedTabTip;
View Options

lib/utils/neynar-client.js

// @flow // @flow
import { useRoute } from '@react-navigation/core';
import * as React from 'react'; import * as React from 'react';
import { Animated, Text, View } from 'react-native';
import { TabBarItem } from 'react-native-tab-view';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js'; import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import { createChatTabBarButton } from './chat-tab-bar-button.react.js';
import { backgroundChatThreadListOptions } from '../chat/chat-options.js'; import { backgroundChatThreadListOptions } from '../chat/chat-options.js';
import { useSelector } from '../redux/redux-utils.js';
import { useStyles } from '../themes/colors.js';
import { LightTheme, DarkTheme } from '../themes/navigation.js';
import { import {
type NUXTipsOverlayProps, type NUXTipsOverlayProps,
createNUXTipsOverlay, createNUXTipsOverlay,
} from '../tooltip/nux-tips-overlay.react.js'; } from '../tooltip/nux-tips-overlay.react.js';
const mutedTabTipTextBase = const mutedTabTipTextBase =
'When you mute a chat, it automatically gets moved to this tab.'; 'When you mute a chat, it automatically gets moved to this tab.';
const mutedTabTipTextIfFID = const mutedTabTipTextIfFID =
' When Comm automatically adds you to a community associated with a ' + ' When Comm automatically adds you to a community associated with a ' +
'Farcaster channel you follow, we mute them by default.'; 'Farcaster channel you follow, we mute them by default.';
const dummyCallback = () => {};
const dummyNavigationState = { index: 0, routes: [] };
const unboundStyles = {
button: {
flexDirection: 'row',
backgroundColor: 'tabBarBackground',
},
label: {
textAlign: 'center',
textTransform: 'uppercase',
fontSize: 13,
margin: 4,
backgroundColor: 'transparent',
},
icon: {
height: 24,
width: 24,
},
};
function WrappedChatTabBarButton(): React.Node {
const { title, tabBarIcon: Icon } = backgroundChatThreadListOptions;
const position = React.useRef(() => new Animated.Value(0));
const route = useRoute();
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const color = React.useMemo(
() =>
activeTheme === 'dark' ? DarkTheme.colors.text : LightTheme.colors.text,
[activeTheme],
);
const styles = useStyles(unboundStyles);
const renderLabel = React.useCallback(
({ color: labelColor }: { color: string, ... }) => {
return <Text style={[styles.label, { color: labelColor }]}>{title}</Text>;
},
[styles.label, title],
);
const renderIcon = React.useCallback(
({ color: iconColor }: { color: string, ... }) => {
return (
<View style={styles.icon}>
<Icon color={iconColor} />
</View>
);
},
[styles.icon],
);
const renderLabelText = React.useCallback(() => title, [title]);
return (
<TabBarItem
position={position.current}
route={route}
navigationState={dummyNavigationState}
onPress={dummyCallback}
onLongPress={dummyCallback}
style={styles.button}
getLabelText={renderLabelText}
getAccessible={dummyCallback}
getAccessibilityLabel={dummyCallback}
renderIcon={renderIcon}
getTestID={dummyCallback}
activeColor={color}
renderLabel={renderLabel}
/>
);
}
function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node { function MutedTabTip(props: NUXTipsOverlayProps<'MutedTabTip'>): React.Node {
const fid = useCurrentUserFID(); const fid = useCurrentUserFID();
const text = React.useMemo(() => { const text = React.useMemo(() => {
if (!fid) { if (!fid) {
return mutedTabTipTextBase; return mutedTabTipTextBase;
} }
return mutedTabTipTextBase + mutedTabTipTextIfFID; return mutedTabTipTextBase + mutedTabTipTextIfFID;
}, [fid]); }, [fid]);
const MutedTabTipComponent: React.ComponentType< const MutedTabTipComponent: React.ComponentType<
NUXTipsOverlayProps<'MutedTabTip'>, NUXTipsOverlayProps<'MutedTabTip'>,
> = createNUXTipsOverlay(WrappedChatTabBarButton, text); > = createNUXTipsOverlay(
createChatTabBarButton<'MutedTabTip'>(backgroundChatThreadListOptions),
text,
);
return <MutedTabTipComponent {...props} />; return <MutedTabTipComponent {...props} />;
} }
export default MutedTabTip; export default MutedTabTip;