91 lines
3.8 KiB
TypeScript
91 lines
3.8 KiB
TypeScript
// Metro module 13943 (f13944).
|
|
import { ScrollView, View } from "react-native";
|
|
import { MAX_PARENT_TO_TEEN_ACTIVE_CONNECTIONS, MAX_TEEN_TO_PARENT_ACTIVE_CONNECTIONS } from "../FamilyCenterConstants";
|
|
import { THROUGHLINE_URL } from "../../self_mod/Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { useHasMaxConnections } from "../hooks/useUserLinks";
|
|
import useIsInAdultAgeGroup from "../hooks/useIsInAdultAgeGroup";
|
|
import { useAgeSpecificText } from "../hooks/useAgeSpecificText";
|
|
import { intl } from "../../../intl/index.native";
|
|
import FamilyCenter_messages from "../FamilyCenter.messages";
|
|
import * as _Text from "../../../design/components/Text/native/Text";
|
|
import { useShouldShowHelplineLink, useShouldShowThroughlineLink } from "../hooks/useHelpLineVisibility";
|
|
import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
|
|
import FamilyCenterParentalConsentNotice from "./FamilyCenterParentalConsentNotice";
|
|
import FamilyCenterLinkingBanner from "./FamilyCenterLinkingBanner";
|
|
import FamilyCenterAcceptedLinks from "./FamilyCenterAcceptedLinks";
|
|
import FamilyCenterPendingLinks from "./FamilyCenterPendingLinks";
|
|
let useStyles, useStyles2, FamilyCenterHelpLineInfo, useStyles3;
|
|
const FamilyCenterMaxConnectionsBlurb = function FamilyCenterMaxConnectionsBlurb() {
|
|
const styles = useStyles();
|
|
const hasMaxConnections = useHasMaxConnections();
|
|
const maxConnections = useIsInAdultAgeGroup() ? MAX_PARENT_TO_TEEN_ACTIVE_CONNECTIONS : MAX_TEEN_TO_PARENT_ACTIVE_CONNECTIONS;
|
|
const ageSpecificText = useAgeSpecificText(intl.formatToPlainString(FamilyCenter_messages["1/PzIj"], {
|
|
maxConnections
|
|
}), intl.formatToPlainString(FamilyCenter_messages.RcTgiE, {
|
|
maxConnections
|
|
}));
|
|
return hasMaxConnections ? <View style={styles.container}>
|
|
<_Text.Text variant="text-xxs/medium" color="text-muted">{ageSpecificText}</_Text.Text>
|
|
</View> : null;
|
|
};
|
|
FamilyCenterHelpLineInfo = function FamilyCenterHelpLineInfo() {
|
|
const styles2 = useStyles2();
|
|
const shouldShowHelplineLink = useShouldShowHelplineLink();
|
|
const shouldShowThroughlineLink = useShouldShowThroughlineLink();
|
|
const r10 = shouldShowHelplineLink ? intl.format(FamilyCenter_messages["KOwsf/"], {
|
|
helpLink: "https://support.discord.com/hc/articles/7925648993943-Crisis-Text-Line"
|
|
}) : shouldShowThroughlineLink ? intl.format(FamilyCenter_messages["6tsC8u"], {
|
|
helpLink: THROUGHLINE_URL
|
|
}) : null;
|
|
return r10 != null ? <View style={styles2.container}>
|
|
<_Text.Text style={styles2.supportHeader} variant="heading-sm/semibold">
|
|
{intl.string(FamilyCenter_messages["7/tVhv"])}
|
|
</_Text.Text>
|
|
<_Text.Text variant="text-xs/medium" color="text-muted">{r10}</_Text.Text>
|
|
</View> : null;
|
|
};
|
|
useStyles = createStyles({
|
|
container: {
|
|
display: "flex",
|
|
paddingTop: Module712.space.PX_12,
|
|
marginTop: Module712.space.PX_12,
|
|
borderTopColor: Module712.colors.BORDER_SUBTLE,
|
|
borderTopWidth: 1
|
|
}
|
|
});
|
|
useStyles2 = createStyles({
|
|
container: {
|
|
display: "flex",
|
|
marginTop: Module712.space.PX_16
|
|
},
|
|
supportHeader: {
|
|
marginBottom: Module712.space.PX_4
|
|
}
|
|
});
|
|
useStyles3 = createStyles({
|
|
scrollView: {
|
|
flex: 1
|
|
},
|
|
container: {
|
|
paddingHorizontal: Module712.space.PX_16,
|
|
paddingBottom: Module712.space.PX_16
|
|
}
|
|
});
|
|
export default function FamilyCenterRequestsPage() {
|
|
const styles3 = useStyles3();
|
|
return <ScrollView style={styles3.scrollView}>
|
|
<SafeAreaPaddingView bottom>
|
|
<View style={styles3.container}>
|
|
<FamilyCenterParentalConsentNotice />
|
|
<FamilyCenterLinkingBanner />
|
|
<FamilyCenterAcceptedLinks />
|
|
<FamilyCenterPendingLinks />
|
|
<FamilyCenterMaxConnectionsBlurb />
|
|
<FamilyCenterHelpLineInfo />
|
|
</View>
|
|
</SafeAreaPaddingView>
|
|
</ScrollView>;
|
|
};
|