57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
// Metro module 10669 (f10670).
|
|
import { useState } from "react";
|
|
import { ImageBackground, StyleSheet, View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import useEmbeddedActivityBackground from "../utils/useEmbeddedActivityBackground";
|
|
const useStyles = createStyles({
|
|
overlay: {
|
|
flex: 1,
|
|
opacity: 0.6,
|
|
backgroundColor: Module712.colors.BLACK
|
|
}
|
|
});
|
|
const _excluded = ["embedded_background"];
|
|
export default function EmbeddedActivityBackgroundImageWithOverlay(props) {
|
|
const application = props.application;
|
|
let dimensionsStyle = props.dimensionsStyle;
|
|
const { borderRadius, resizeMode = "contain" } = props;
|
|
const styles = useStyles();
|
|
const [state, setState] = useState(false);
|
|
let applicationId = application?.id;
|
|
if (applicationId == null) {
|
|
applicationId = "";
|
|
}
|
|
let url = useEmbeddedActivityBackground({
|
|
applicationId,
|
|
names: _excluded,
|
|
size: 1024
|
|
}).url;
|
|
let r30 = null;
|
|
if (!state) {
|
|
const r31 = url == null;
|
|
r30 = null;
|
|
if (!r31) {
|
|
r30 = null;
|
|
if (url !== "") {
|
|
if (url == null) {
|
|
url = void 0;
|
|
}
|
|
if (dimensionsStyle == null) {
|
|
dimensionsStyle = StyleSheet.absoluteFillObject;
|
|
}
|
|
r30 = <ImageBackground resizeMode={resizeMode} source={{
|
|
uri: url
|
|
}} style={dimensionsStyle} imageStyle={{
|
|
borderRadius
|
|
}} onError={() => setState(true)}>
|
|
<View style={[styles.overlay, {
|
|
borderRadius
|
|
}]} />
|
|
</ImageBackground>;
|
|
}
|
|
}
|
|
}
|
|
return r30;
|
|
};
|