47 lines
2.4 KiB
TypeScript
47 lines
2.4 KiB
TypeScript
// Metro module 9609 (f9610).
|
|
import * as Module19 from "react";
|
|
import { useMemo } from "react";
|
|
import { ScrollView } from "react-native";
|
|
import { GIFPickerResultTypes } from "../../../Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import useExpressionPickerInsets from "../../expression_picker/native/useExpressionPickerInsets";
|
|
import { useSearchEmptySource } from "../../../design/components/Illustration/native/redesign/generated/SearchEmpty";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { useModalDismissGuardRefreshControl } from "../../keyboard/native/useModalDismissGuardRefreshControl";
|
|
import { BottomSheetScrollView } from "../../../_bundle/Module5245";
|
|
import { RefreshEmptyState } from "../../../design/void/native";
|
|
const useStyles = createStyles({
|
|
emptyStateContainer: {
|
|
padding: 0,
|
|
flex: 1
|
|
},
|
|
emptyStateBody: {
|
|
color: Module712.colors.TEXT_SUBTLE
|
|
},
|
|
emptyStateImage: {
|
|
marginBottom: Module712.space.PX_8,
|
|
marginTop: 0
|
|
}
|
|
});
|
|
const r42 = Module19.memo(function GIFPickerNoResults(props) {
|
|
const { categoryType, inActionSheet } = props;
|
|
const styles = useStyles();
|
|
const safeAreaBottomKeyboardAware = useExpressionPickerInsets({
|
|
hasCategories: false
|
|
}).safeAreaBottomKeyboardAware;
|
|
const memo = useMemo(() => ({
|
|
paddingBottom: safeAreaBottomKeyboardAware,
|
|
flex: 1
|
|
}), [safeAreaBottomKeyboardAware]);
|
|
const searchEmptySource = useSearchEmptySource();
|
|
const body = categoryType === GIFPickerResultTypes.FAVORITES ? intl.string(t.ZH4o6l) : intl.string(t["5dX4UM"]);
|
|
const modalDismissGuardRefreshControl = useModalDismissGuardRefreshControl();
|
|
return inActionSheet ? <BottomSheetScrollView contentContainerStyle={memo} keyboardShouldPersistTaps="always" refreshControl={inActionSheet ? modalDismissGuardRefreshControl : void 0}>
|
|
<RefreshEmptyState source={searchEmptySource} body={body} bodyStyle={styles.emptyStateBody} containerStyle={styles.emptyStateContainer} imageStyle={styles.emptyStateImage} />
|
|
</BottomSheetScrollView> : <ScrollView contentContainerStyle={memo} keyboardShouldPersistTaps="always" refreshControl={inActionSheet ? modalDismissGuardRefreshControl : void 0}>
|
|
<RefreshEmptyState source={searchEmptySource} body={body} bodyStyle={styles.emptyStateBody} containerStyle={styles.emptyStateContainer} imageStyle={styles.emptyStateImage} />
|
|
</ScrollView>;
|
|
});
|
|
export default r42;
|