koylu-vampir-design 1.0.27 → 1.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Buttons/BGFrame.d.ts +1 -0
- package/dist/Buttons/BGFrame.d.ts.map +1 -1
- package/dist/Buttons/BGFrame.js +19 -10
- package/dist/Buttons/ColorFrame.d.ts +1 -0
- package/dist/Buttons/ColorFrame.d.ts.map +1 -1
- package/dist/Buttons/ColorFrame.js +20 -7
- package/dist/Buttons/DeadFrame.d.ts +1 -0
- package/dist/Buttons/DeadFrame.d.ts.map +1 -1
- package/dist/Buttons/DeadFrame.js +21 -15
- package/dist/Players/PlayerLayout.d.ts +1 -0
- package/dist/Players/PlayerLayout.d.ts.map +1 -1
- package/dist/Players/PlayerLayout.js +7 -4
- package/dist/Players/PlayerView.d.ts +1 -0
- package/dist/Players/PlayerView.d.ts.map +1 -1
- package/dist/Players/PlayerView.js +5 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBnC,CAAC"}
|
package/dist/Buttons/BGFrame.js
CHANGED
|
@@ -8,35 +8,44 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const Views_1 = require("../Views");
|
|
10
10
|
const Utils_1 = require("../Utils");
|
|
11
|
-
const BGFrame = ({ selected, onPress, frame }) => {
|
|
11
|
+
const BGFrame = ({ selected, onPress, frame, have, }) => {
|
|
12
12
|
const frameSource = Utils_1.Assets.getSource("frame", frame.path);
|
|
13
|
-
return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
|
|
13
|
+
return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
|
|
14
14
|
styles.colorFrameWrapper,
|
|
15
15
|
selected ? styles.colorFrameWrapperSelected : {},
|
|
16
16
|
] },
|
|
17
|
-
react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource })
|
|
17
|
+
react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource }),
|
|
18
|
+
!!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
|
|
18
19
|
};
|
|
19
20
|
exports.BGFrame = BGFrame;
|
|
20
21
|
const styles = react_native_1.StyleSheet.create({
|
|
21
22
|
colorFrameWrapper: {
|
|
22
23
|
width: 94,
|
|
23
24
|
height: 94,
|
|
24
|
-
backgroundColor:
|
|
25
|
+
backgroundColor: "transparent",
|
|
25
26
|
borderWidth: 2,
|
|
26
27
|
borderRadius: 24,
|
|
27
|
-
borderColor:
|
|
28
|
-
flexDirection:
|
|
29
|
-
justifyContent:
|
|
30
|
-
alignItems:
|
|
28
|
+
borderColor: "transparent",
|
|
29
|
+
flexDirection: "column",
|
|
30
|
+
justifyContent: "center",
|
|
31
|
+
alignItems: "center",
|
|
31
32
|
},
|
|
32
33
|
colorFrameWrapperSelected: {
|
|
33
|
-
borderColor: "#ffff00"
|
|
34
|
+
borderColor: "#ffff00",
|
|
34
35
|
},
|
|
35
36
|
frameImage: {
|
|
36
37
|
width: 84,
|
|
37
38
|
height: 84,
|
|
38
39
|
borderRadius: 20,
|
|
39
40
|
borderWidth: 2,
|
|
40
|
-
backgroundColor:
|
|
41
|
+
backgroundColor: "#ca8989",
|
|
42
|
+
},
|
|
43
|
+
have: {
|
|
44
|
+
position: "absolute",
|
|
45
|
+
width: 40,
|
|
46
|
+
height: 40,
|
|
47
|
+
left: 2,
|
|
48
|
+
top: 2,
|
|
49
|
+
borderTopLeftRadius: 20,
|
|
41
50
|
},
|
|
42
51
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BtC,CAAC"}
|
|
@@ -7,12 +7,17 @@ exports.ColorFrame = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const Views_1 = require("../Views");
|
|
10
|
+
const Utils_1 = require("../Utils");
|
|
10
11
|
const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
|
|
11
|
-
const ColorFrame = ({ selected, onPress, customFrame }) => {
|
|
12
|
+
const ColorFrame = ({ selected, onPress, customFrame, have, }) => {
|
|
12
13
|
const colors = customFrame.bg;
|
|
13
14
|
const borderColor = customFrame.bc;
|
|
14
|
-
return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
|
|
15
|
-
|
|
15
|
+
return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
|
|
16
|
+
styles.colorFrameWrapper,
|
|
17
|
+
selected ? styles.colorFrameWrapperSelected : {},
|
|
18
|
+
] },
|
|
19
|
+
react_1.default.createElement(react_native_linear_gradient_1.default, { style: [styles.colorFrame, { borderColor }], colors: colors, start: { x: 1, y: 0 } }),
|
|
20
|
+
!!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
|
|
16
21
|
};
|
|
17
22
|
exports.ColorFrame = ColorFrame;
|
|
18
23
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -25,16 +30,24 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
25
30
|
borderColor: "transparent",
|
|
26
31
|
flexDirection: "column",
|
|
27
32
|
justifyContent: "center",
|
|
28
|
-
alignItems: "center"
|
|
33
|
+
alignItems: "center",
|
|
29
34
|
},
|
|
30
35
|
colorFrameWrapperSelected: {
|
|
31
|
-
borderColor: "#ffff00"
|
|
36
|
+
borderColor: "#ffff00",
|
|
32
37
|
},
|
|
33
38
|
colorFrame: {
|
|
34
39
|
width: 54,
|
|
35
40
|
height: 54,
|
|
36
41
|
borderRadius: 32,
|
|
37
42
|
borderWidth: 2,
|
|
38
|
-
backgroundColor: "#ca8989"
|
|
39
|
-
}
|
|
43
|
+
backgroundColor: "#ca8989",
|
|
44
|
+
},
|
|
45
|
+
have: {
|
|
46
|
+
position: "absolute",
|
|
47
|
+
width: 40,
|
|
48
|
+
height: 40,
|
|
49
|
+
left: 0,
|
|
50
|
+
top: 0,
|
|
51
|
+
borderRadius: 28,
|
|
52
|
+
},
|
|
40
53
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BrC,CAAC"}
|
|
@@ -8,42 +8,48 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const Views_1 = require("../Views");
|
|
10
10
|
const Utils_1 = require("../Utils");
|
|
11
|
-
const DeadFrame = ({ selected, onPress, avatar }) => {
|
|
11
|
+
const DeadFrame = ({ selected, onPress, avatar, have, }) => {
|
|
12
12
|
const avatarSource = Utils_1.Assets.getSource("avatar", avatar);
|
|
13
|
-
return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
|
|
13
|
+
return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
|
|
14
14
|
styles.colorFrameWrapper,
|
|
15
15
|
selected ? styles.colorFrameWrapperSelected : {},
|
|
16
16
|
] },
|
|
17
|
-
react_1.default.createElement(react_native_1.Image, { style: [
|
|
18
|
-
|
|
19
|
-
selected ? styles.frameImageSelected : {},
|
|
20
|
-
], source: avatarSource }));
|
|
17
|
+
react_1.default.createElement(react_native_1.Image, { style: [styles.frameImage, selected ? styles.frameImageSelected : {}], source: avatarSource }),
|
|
18
|
+
!!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
|
|
21
19
|
};
|
|
22
20
|
exports.DeadFrame = DeadFrame;
|
|
23
21
|
const styles = react_native_1.StyleSheet.create({
|
|
24
22
|
colorFrameWrapper: {
|
|
25
23
|
width: 120,
|
|
26
24
|
height: 120,
|
|
27
|
-
backgroundColor:
|
|
25
|
+
backgroundColor: "transparent",
|
|
28
26
|
borderWidth: 2,
|
|
29
27
|
borderRadius: 24,
|
|
30
|
-
borderColor:
|
|
31
|
-
flexDirection:
|
|
32
|
-
justifyContent:
|
|
33
|
-
alignItems:
|
|
28
|
+
borderColor: "transparent",
|
|
29
|
+
flexDirection: "column",
|
|
30
|
+
justifyContent: "center",
|
|
31
|
+
alignItems: "center",
|
|
34
32
|
},
|
|
35
33
|
colorFrameWrapperSelected: {
|
|
36
|
-
borderColor:
|
|
34
|
+
borderColor: "#ffff00",
|
|
37
35
|
},
|
|
38
36
|
frameImage: {
|
|
39
37
|
width: 110,
|
|
40
38
|
height: 110,
|
|
41
39
|
borderRadius: 20,
|
|
42
40
|
borderWidth: 2,
|
|
43
|
-
borderColor:
|
|
44
|
-
backgroundColor:
|
|
41
|
+
borderColor: "#ffffff",
|
|
42
|
+
backgroundColor: "#ffffff55",
|
|
45
43
|
},
|
|
46
44
|
frameImageSelected: {
|
|
47
|
-
backgroundColor:
|
|
45
|
+
backgroundColor: "#ffffff",
|
|
46
|
+
},
|
|
47
|
+
have: {
|
|
48
|
+
position: "absolute",
|
|
49
|
+
width: 40,
|
|
50
|
+
height: 40,
|
|
51
|
+
left: 2,
|
|
52
|
+
top: 2,
|
|
53
|
+
borderTopLeftRadius: 20,
|
|
48
54
|
},
|
|
49
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerLayout.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"PlayerLayout.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0CxC,CAAC"}
|
|
@@ -7,18 +7,21 @@ exports.PlayerLayout = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const PlayerView_1 = require("./PlayerView");
|
|
10
|
-
const PlayerLayout = ({ size: layoutSize = 3, space = 1, players, onPlayerPress, hideSelections, onPlayerLongPress, micEffectComponent, isAfkComponent, vampiresVisible }) => {
|
|
10
|
+
const PlayerLayout = ({ size: layoutSize = 3, space = 1, players, onPlayerPress, hideRoleVisible, hideSelections, onPlayerLongPress, micEffectComponent, isAfkComponent, vampiresVisible, }) => {
|
|
11
11
|
const { width } = react_native_1.useWindowDimensions();
|
|
12
12
|
const padding = 8;
|
|
13
13
|
const size = (width - space * 2 - padding * 2) / layoutSize;
|
|
14
14
|
return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, { padding: padding + space }] }, players.map((item, index) => {
|
|
15
|
-
return react_1.default.createElement(PlayerView_1.PlayerView, Object.assign({}, Object.assign(Object.assign({ size,
|
|
15
|
+
return (react_1.default.createElement(PlayerView_1.PlayerView, Object.assign({}, Object.assign(Object.assign({ size,
|
|
16
|
+
space }, item), { micEffectComponent,
|
|
17
|
+
isAfkComponent,
|
|
18
|
+
hideRoleVisible }), { hideSelections: hideSelections, userId: item.key, onPress: onPlayerPress ? () => onPlayerPress(item) : undefined, onLongPress: onPlayerLongPress ? () => onPlayerLongPress(item) : undefined, key: index, number: index + 1 })));
|
|
16
19
|
})));
|
|
17
20
|
};
|
|
18
21
|
exports.PlayerLayout = PlayerLayout;
|
|
19
22
|
const styles = react_native_1.StyleSheet.create({
|
|
20
23
|
wrapper: {
|
|
21
24
|
flexDirection: "row",
|
|
22
|
-
flexWrap: "wrap"
|
|
23
|
-
}
|
|
25
|
+
flexWrap: "wrap",
|
|
26
|
+
},
|
|
24
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAWtB,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAWtB,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2N1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
|
|
@@ -44,10 +44,13 @@ const deadReasonMap = (reason) => {
|
|
|
44
44
|
return "öldü";
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
|
|
47
|
+
const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, hideRoleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
|
|
48
48
|
const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
|
|
49
49
|
const border = bc ? bc : !isAnonymous ? "#ffffff" : null;
|
|
50
|
-
|
|
50
|
+
let isRoleVisible = roleVisible || isSelf || isDead;
|
|
51
|
+
if (hideRoleVisible) {
|
|
52
|
+
isRoleVisible = isDead;
|
|
53
|
+
}
|
|
51
54
|
const radiusStyle = {
|
|
52
55
|
borderRadius: size && size < 100 ? 8 : 12,
|
|
53
56
|
};
|