yeet

modules/activities/native/EmbeddedActivityBackgroundImageWithOverlay.tsx

@@ -0,0 +1,56 @@
+// 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;
+};