// @flow		// @flow

import type { PossiblyStaleNavigationState } from '@react-navigation/native';		import type { PossiblyStaleNavigationState } from '@react-navigation/native';
		import { useRoute } from '@react-navigation/native';
import _memoize from 'lodash/memoize.js';		import _memoize from 'lodash/memoize.js';
import * as React from 'react';		import * as React from 'react';
import { createSelector } from 'reselect';		import { createSelector } from 'reselect';

import { nonThreadCalendarFiltersSelector } from 'lib/selectors/calendar-filter-selectors.js';		import { nonThreadCalendarFiltersSelector } from 'lib/selectors/calendar-filter-selectors.js';
import { currentCalendarQuery } from 'lib/selectors/nav-selectors.js';		import { currentCalendarQuery } from 'lib/selectors/nav-selectors.js';
		import { useCanEditMessage } from 'lib/shared/edit-messages-utils.js';
import type { CalendarQuery } from 'lib/types/entry-types.js';		import type { CalendarQuery } from 'lib/types/entry-types.js';
import type { CalendarFilter } from 'lib/types/filter-types.js';		import type { CalendarFilter } from 'lib/types/filter-types.js';
		import type {
		ComposableMessageInfo,
		RobotextMessageInfo,
		} from 'lib/types/message-types.js';
		import type { ThreadInfo } from 'lib/types/thread-types.js';

import type { NavContextType } from './navigation-context.js';		import type { NavContextType } from './navigation-context.js';
import { NavContext } from './navigation-context.js';		import { NavContext } from './navigation-context.js';
import {		import {
getStateFromNavigatorRoute,		getStateFromNavigatorRoute,
getThreadIDFromRoute,		getThreadIDFromRoute,
currentLeafRoute,		currentLeafRoute,
} from './navigation-utils.js';		} from './navigation-utils.js';
import {		import {
AppRouteName,		AppRouteName,
TabNavigatorRouteName,		TabNavigatorRouteName,
MessageListRouteName,		MessageListRouteName,
ChatRouteName,		ChatRouteName,
CalendarRouteName,		CalendarRouteName,
ThreadPickerModalRouteName,		ThreadPickerModalRouteName,
ActionResultModalRouteName,		ActionResultModalRouteName,
accountModals,		accountModals,
scrollBlockingModals,		scrollBlockingModals,
chatRootModals,		chatRootModals,
threadRoutes,		threadRoutes,
CommunityDrawerNavigatorRouteName,		CommunityDrawerNavigatorRouteName,
		MessageResultsScreenRouteName,
		MessageSearchRouteName,
} from './route-names.js';		} from './route-names.js';
import type { RemoveEditMode } from '../chat/message-list-types';		import type { RemoveEditMode } from '../chat/message-list-types';
import { useSelector } from '../redux/redux-utils.js';		import { useSelector } from '../redux/redux-utils.js';
import type { NavPlusRedux } from '../types/selector-types.js';		import type { NavPlusRedux } from '../types/selector-types.js';
import type { GlobalTheme } from '../types/themes.js';		import type { GlobalTheme } from '../types/themes.js';

const baseCreateIsForegroundSelector = (routeName: string) =>		const baseCreateIsForegroundSelector = (routeName: string) =>
createSelector(		createSelector(
▲ Show 20 Lines • Show All 343 Lines • ▼ Show 20 Lines	function useCurrentLeafRouteName(): ?string {
return React.useMemo(() => {		return React.useMemo(() => {
if (!navContext) {		if (!navContext) {
return undefined;		return undefined;
}		}
return currentLeafRoute(navContext.state).name;		return currentLeafRoute(navContext.state).name;
}, [navContext]);		}, [navContext]);
}		}

		function useCanEditMessageNative(
		threadInfo: ThreadInfo,
		targetMessageInfo: ComposableMessageInfo \| RobotextMessageInfo,
		): boolean {
		const route = useRoute();

		const screenKey = route.key;
		const threadCreationTime = threadInfo.creationTime;
		const messageCreationTime = targetMessageInfo.time;

		const canEditInThisScreen =
		!screenKey.startsWith(MessageSearchRouteName) &&
		!screenKey.startsWith(MessageResultsScreenRouteName) &&
		messageCreationTime >= threadCreationTime;

		return (
		useCanEditMessage(threadInfo, targetMessageInfo) && canEditInThisScreen
		);
		}

export {		export {
createIsForegroundSelector,		createIsForegroundSelector,
useIsAppLoggedIn,		useIsAppLoggedIn,
createActiveTabSelector,		createActiveTabSelector,
scrollBlockingModalsClosedSelector,		scrollBlockingModalsClosedSelector,
selectBackgroundIsDark,		selectBackgroundIsDark,
activeThreadSelector,		activeThreadSelector,
activeMessageListSelector,		activeMessageListSelector,
useActiveThread,		useActiveThread,
useActiveMessageList,		useActiveMessageList,
calendarActiveSelector,		calendarActiveSelector,
nativeCalendarQuery,		nativeCalendarQuery,
nonThreadCalendarQuery,		nonThreadCalendarQuery,
useCalendarQuery,		useCalendarQuery,
drawerSwipeEnabledSelector,		drawerSwipeEnabledSelector,
useCurrentLeafRouteName,		useCurrentLeafRouteName,
getRemoveEditMode,		getRemoveEditMode,
getTabNavState,		getTabNavState,
getChatNavStateFromTabNavState,		getChatNavStateFromTabNavState,
		useCanEditMessageNative,
};		};

[native] update `PrimaryButton` to handle light themeClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 46564

native/components/primary-button.react.js

[native] update `PrimaryButton` to handle light theme
ClosedPublic
Actions

Revision Contents
Changeset List