118 lines
4.3 KiB
TypeScript
118 lines
4.3 KiB
TypeScript
// Module ID: 10146
|
|
// Function ID: 78489
|
|
// Name: RolePill
|
|
// Dependencies: [31, 27, 653, 33, 4131, 689, 3804, 5486, 5490, 3831, 4661, 5506, 4127, 2]
|
|
// Exports: default
|
|
|
|
// Module 10146 (RolePill)
|
|
import "result";
|
|
import { View } from "get ActivityIndicator";
|
|
import ME from "ME";
|
|
import jsxProd from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
let closure_4;
|
|
let closure_5;
|
|
let closure_6;
|
|
let closure_7;
|
|
const require = arg1;
|
|
({ EMPTY_STRING_SNOWFLAKE_ID: closure_4, MAX_VISUAL_ROLE_LENGTH: closure_5 } = ME);
|
|
({ jsx: closure_6, jsxs: closure_7 } = jsxProd);
|
|
_createForOfIteratorHelperLoose = {};
|
|
_createForOfIteratorHelperLoose = { marginRight: 4, marginBottom: 4, borderRadius: require("_createForOfIteratorHelperLoose").radii.xs };
|
|
_createForOfIteratorHelperLoose.container = _createForOfIteratorHelperLoose;
|
|
let obj1 = { flexDirection: "row", alignItems: "center", paddingHorizontal: 8, paddingVertical: 6, borderRadius: require("_createForOfIteratorHelperLoose").radii.xs, backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_BASE_LOWEST };
|
|
_createForOfIteratorHelperLoose.pill = obj1;
|
|
let obj2 = { marginRight: 8, borderRadius: require("_createForOfIteratorHelperLoose").radii.sm, height: 12, width: 12, backgroundColor: require("_createForOfIteratorHelperLoose").colors.ICON_MUTED };
|
|
_createForOfIteratorHelperLoose.bubble = obj2;
|
|
let obj3 = { marginRight: 8, borderRadius: require("_createForOfIteratorHelperLoose").radii.sm, height: 12, width: 12 };
|
|
_createForOfIteratorHelperLoose.verifiedContainer = obj3;
|
|
_createForOfIteratorHelperLoose.roleIcon = { paddingRight: 4 };
|
|
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose.createStyles(_createForOfIteratorHelperLoose);
|
|
const result = require("ME").fileFinishedImporting("components_native/common/RolePill.tsx");
|
|
|
|
export default function RolePill(role) {
|
|
let color;
|
|
let guildId;
|
|
role = role.role;
|
|
({ guildId, color } = role);
|
|
const DeveloperMode = role(3804).DeveloperMode;
|
|
const setting = DeveloperMode.useSetting();
|
|
let obj = role(5486);
|
|
obj = { guildId, roleId: role.id, size: 12 };
|
|
const roleIcon = obj.useRoleIcon(obj);
|
|
let name = role.name;
|
|
let combined = name;
|
|
if (role.name.length > closure_5) {
|
|
name = role.name;
|
|
const _HermesInternal = HermesInternal;
|
|
combined = "" + name.slice(0, closure_5) + "...";
|
|
name = combined;
|
|
}
|
|
if (null == color) {
|
|
color = role.colorString;
|
|
}
|
|
const tags = role.tags;
|
|
let guild_connections;
|
|
if (null != tags) {
|
|
guild_connections = tags.guild_connections;
|
|
}
|
|
const tmp7 = _createForOfIteratorHelperLoose();
|
|
obj = {};
|
|
let disableInteraction = !setting;
|
|
if (!disableInteraction) {
|
|
disableInteraction = role.disableInteraction;
|
|
}
|
|
obj.disabled = disableInteraction;
|
|
obj.style = tmp7.container;
|
|
obj.onPress = function handlePress() {
|
|
role(outer1_2[8]).copy(role.id);
|
|
const obj = role(outer1_2[8]);
|
|
role(outer1_2[9]).roleIdCopied(combined);
|
|
};
|
|
obj.accessible = false;
|
|
const obj1 = { style: tmp7.pill };
|
|
if (undefined !== guild_connections) {
|
|
const obj2 = { style: tmp7.verifiedContainer, roleId: role.id };
|
|
if (null == guildId) {
|
|
guildId = closure_4;
|
|
}
|
|
obj2.guildId = guildId;
|
|
let tmp18;
|
|
if (null != color) {
|
|
tmp18 = color;
|
|
}
|
|
obj2.roleColor = tmp18;
|
|
obj2.size = 14;
|
|
obj2.displayRoleIcon = false;
|
|
let tmp11Result = callback(combined(5506), obj2);
|
|
const tmp14 = callback;
|
|
const tmp17 = combined(5506);
|
|
} else {
|
|
const obj3 = {};
|
|
const items = [tmp7.bubble, ];
|
|
if (null != color) {
|
|
const obj4 = { backgroundColor: color };
|
|
let obj5 = obj4;
|
|
} else {
|
|
obj5 = {};
|
|
}
|
|
items[1] = obj5;
|
|
obj3.style = items;
|
|
tmp11Result = callback(View, obj3);
|
|
const tmp11 = callback;
|
|
const tmp12 = View;
|
|
}
|
|
const items1 = [tmp11Result, , ];
|
|
let tmp19 = null;
|
|
if (null != roleIcon) {
|
|
const obj6 = { style: tmp7.roleIcon, children: roleIcon };
|
|
tmp19 = callback(View, obj6);
|
|
}
|
|
items1[1] = tmp19;
|
|
const obj7 = { variant: "text-xs/semibold", color: "interactive-text-active", children: name };
|
|
items1[2] = callback(role(4127).Text, obj7);
|
|
obj1.children = items1;
|
|
obj.children = closure_7(View, obj1);
|
|
return callback(role(4661).PressableHighlight, obj);
|
|
};
|