73 lines
4.8 KiB
TypeScript
73 lines
4.8 KiB
TypeScript
/* Metro module 15789; source: modules/avatar/native/components/TouchableUploadAvatar.tsx; dependencies: [31, 27, 33, 4501, 697, 12636, 5278, 1244, 5475, 1305, 12066, 2] */
|
|
function _fun121294(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#121294, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15997:6, offset: 0x02543b07, size: 483 bytes, params: 8, frame: 23
|
|
var object2;
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
importAll(31) /* metro dependency 31 */;
|
|
const env0_3 = (require(27) /* metro dependency 27 */).View;
|
|
let value = require(33) /* metro dependency 33 */;
|
|
const env0_4 = value.jsx;
|
|
const env0_5 = value.jsxs;
|
|
value = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = value.createStyles;
|
|
object2 = {avatarContainer: {'display': 'flex', 'paddingTop': 24}};
|
|
const INTERACTIVE_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_DEFAULT;
|
|
object2.defaultLogoStyle = {tintColor: INTERACTIVE_TEXT_DEFAULT, width: 96};
|
|
object2.uploadedAvatarStyle = {'width': 200, 'height': 200, 'borderRadius': 100, 'position': 'relative'};
|
|
const object5 = {'borderColor': null, 'borderStyle': 'dashed', 'borderWidth': 2, 'borderRadius': null, 'width': 200,
|
|
'height': 200, 'justifyContent': 'center', 'alignItems': 'center', 'position': 'relative',
|
|
'overflow': 'visible'};
|
|
const BORDER_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED;
|
|
object5.borderColor = BORDER_MUTED;
|
|
object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
|
|
object2.avatarWrapper = object5;
|
|
const object6 = {'backgroundColor': null, 'borderRadius': null, 'tintColor': null, 'position': 'absolute',
|
|
'right': 10, 'top': 10, 'width': 40, 'height': 40, 'flex': 1, 'justifyContent': 'center'};
|
|
const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
|
|
object6.backgroundColor = BACKGROUND_BRAND;
|
|
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
|
|
const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
|
|
object6.tintColor = BACKGROUND_BASE_LOW;
|
|
object2.uploadAvatarWrapper = object6;
|
|
const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
|
|
object2.uploadAvatarIcon = {tintColor: WHITE, alignSelf: 'center'};
|
|
const env0_6 = Reflect.apply(createStyles, value, [object2]);
|
|
(require(2) /* metro dependency 2 */).fileFinishedImporting('modules/avatar/native/components/TouchableUploadAvatar.tsx');
|
|
exports.default = TouchableUploadAvatar;
|
|
}
|
|
|
|
function TouchableUploadAvatar({avatarSource, showPendingAvatar, onSelectAvatar}) { // fn#121295, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15997:914, offset: 0x02543cea, size: 409 bytes, params: 2, frame: 26
|
|
showPendingAvatar = !(showPendingAvatar === undefined) && showPendingAvatar;
|
|
const styles = useStyles();
|
|
const r10 = showPendingAvatar && avatarSource != null ? avatarSource : importDefault(12636) /* metro dependency 12636 */;
|
|
const r11 = showPendingAvatar && avatarSource != null ? styles.uploadedAvatarStyle : styles.defaultLogoStyle;
|
|
const PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
|
|
const object = {onPress: onSelectAvatar, accessibilityRole: 'button'};
|
|
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
|
|
object.accessibilityLabel = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['70lEQe']);
|
|
let value = importDefault(5475) /* metro dependency 5475: FastImage */;
|
|
value = ((Component) => <Component resizeMode="contain" style={r11} source={r10} />)(value);
|
|
const Icon = (require(1305) /* metro dependency 1305: native */).Icon;
|
|
const Icon2 = (require(1305) /* metro dependency 1305: native */).Icon;
|
|
const Sizes = Icon2.Sizes;
|
|
const MEDIUM = Sizes.MEDIUM;
|
|
return (
|
|
<View style={styles.avatarContainer}>
|
|
<PressableOpacity {...object}>
|
|
<View style={styles.avatarWrapper}>
|
|
{value}
|
|
<View style={styles.uploadAvatarWrapper}>
|
|
<Icon
|
|
size={MEDIUM}
|
|
source={importDefault(12066) /* metro dependency 12066 */}
|
|
style={styles.uploadAvatarIcon}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</PressableOpacity>
|
|
</View>
|
|
);
|
|
}
|
|
|