61 lines
2.9 KiB
TypeScript
61 lines
2.9 KiB
TypeScript
// Metro module 14965 (f14966).
|
|
import * as Module19 from "react";
|
|
import { useMemo } from "react";
|
|
import SelectedGuildStore from "../../../stores/SelectedGuildStore";
|
|
import { EMPTY_STRING_SNOWFLAKE_ID } from "../../../Constants";
|
|
import GuildsBarAnimatedItemWrapper, { useGuildsBarAnimatedWrapperStyles } from "./GuildsBarAnimatedItemWrapper";
|
|
import usePendingFolderGuildIds from "../usePendingFolderGuildIds";
|
|
import { useStateFromStores } from "../../../_bundle/Module589";
|
|
import { getGuildFolderMenuItems } from "./GuildsBarFolderMenuItems";
|
|
import { useSharedValue } from "../../reanimated/ReanimatedRexport";
|
|
import { triggerHapticFeedback, HapticFeedbackTypes } from "../../haptics/HapticUtils.native";
|
|
import GuildActionCreators from "../../../actions/GuildActionCreators";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { GuildsBarGuildFolderBG } from "./GuildsBarGuildFolder";
|
|
import { HourglassIcon } from "../../../design/components/Icon/native/redesign/generated/HourglassIcon";
|
|
const r25 = Module19.memo(function GuildsBarPendingGuildFolder(props) {
|
|
const { id, expanded, childNodes } = props;
|
|
const styles = useGuildsBarAnimatedWrapperStyles({
|
|
disableSelectedColor: true,
|
|
disableBGColor: false
|
|
});
|
|
let c21492_1 = usePendingFolderGuildIds();
|
|
const stateFromStores = useStateFromStores([SelectedGuildStore], () => {
|
|
let r7 = SelectedGuildStore.getGuildId();
|
|
if (r7 == null) {
|
|
r7 = EMPTY_STRING_SNOWFLAKE_ID;
|
|
}
|
|
return c21492_1.includes(r7);
|
|
});
|
|
const memo = useMemo(() => {
|
|
const guildFolderMenuItems = getGuildFolderMenuItems(id);
|
|
return {
|
|
accessibilityActions: guildFolderMenuItems.map((guildFolderMenuItem) => ({
|
|
name: guildFolderMenuItem.label,
|
|
label: guildFolderMenuItem.label
|
|
})),
|
|
onAccessibilityAction: (c30814_0) => {
|
|
const r7 = guildFolderMenuItems.find((guildFolderMenuItem) => guildFolderMenuItem.label === c30814_0.nativeEvent.actionName);
|
|
if (r7 != null) {
|
|
const action = r7.action;
|
|
if (action != null) {
|
|
action.call(r7);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}, [id]);
|
|
const { accessibilityActions, onAccessibilityAction: onAccessibilityAction2 } = memo;
|
|
const sharedValue = useSharedValue(`${id}`);
|
|
const memo2 = useMemo(() => ({
|
|
onPress: () => {
|
|
triggerHapticFeedback(HapticFeedbackTypes.IMPACT_LIGHT);
|
|
GuildActionCreators.toggleGuildFolderExpand(id);
|
|
}
|
|
}), [id]);
|
|
return <GuildsBarAnimatedItemWrapper id={`${id}`} accessibilityActions={accessibilityActions} onAccessibilityAction={onAccessibilityAction2} selected={stateFromStores} unread={false} circle={false} styles={styles} label={intl.string(t["scsU+l"])} sharedId={sharedValue} cutouts={void 0} overState={void 0} preventClipping config={memo2} externalChildren={expanded ? <GuildsBarGuildFolderBG folderId={id} totalItems={childNodes.length} /> : null}>
|
|
<HourglassIcon />
|
|
</GuildsBarAnimatedItemWrapper>;
|
|
});
|
|
export default r25;
|