@blerp/design 1.3.12 → 1.3.14

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.
Files changed (3) hide show
  1. package/dist/cjs/UserCard.js +10 -5
  2. package/dist/esm/UserCard.js +10 -5
  3. package/package.json +1 -1
package/dist/cjs/UserCard.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
13
  const UserCard = _ref => {
14
- var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$twitchChannelIn5, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn6;
14
+ var _user$twitchChannelIn, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn2;
15
15
 
16
16
  let {
17
17
  user,
@@ -38,7 +38,7 @@ const UserCard = _ref => {
38
38
  boxSizing: "border-box",
39
39
  justifyContent: "space-around",
40
40
  border: "1px solid transparent",
41
- borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
41
+ borderColor: collapsed ? (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
42
42
  }
43
43
  }, /*#__PURE__*/React__default['default'].createElement(index.Stack, {
44
44
  sx: {
@@ -50,13 +50,18 @@ const UserCard = _ref => {
50
50
  height: collapsed ? "49px" : "89px",
51
51
  borderRadius: "50%",
52
52
  border: "2px solid transparent",
53
- borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
53
+ borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "AFFILIATE" ? "#27AAFF" : "transparent",
54
54
  padding: collapsed ? "3px" : "6px",
55
55
  boxSizing: "border-box"
56
56
  },
57
57
  src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
58
- alt: "profile"
59
- }), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
58
+ alt: "user profile",
59
+ onError: e => {
60
+ e.target.onerror = null; // prevents looping
61
+
62
+ e.target.src = "https://cdn.blerp.com/design/web/gamerblerpylarge.png";
63
+ }
64
+ }), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.broadcasterType) === "partner" && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
60
65
  sx: {
61
66
  position: "absolute",
62
67
  bottom: collapsed ? "0" : "5px",
package/dist/esm/UserCard.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { Stack, Text } from './index.js';
4
4
 
5
5
  const UserCard = _ref => {
6
- var _user$twitchChannelIn, _user$twitchChannelIn2, _user$twitchChannelIn3, _user$twitchChannelIn4, _user$twitchChannelIn5, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn6;
6
+ var _user$twitchChannelIn, _user$profileImage, _user$profileImage$or, _user$twitchChannelIn2;
7
7
 
8
8
  let {
9
9
  user,
@@ -30,7 +30,7 @@ const UserCard = _ref => {
30
30
  boxSizing: "border-box",
31
31
  justifyContent: "space-around",
32
32
  border: "1px solid transparent",
33
- borderColor: collapsed ? (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn3 = user.twitchChannelInfo) === null || _user$twitchChannelIn3 === void 0 ? void 0 : _user$twitchChannelIn3.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
33
+ borderColor: collapsed ? (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "AFFILIATE" ? "#27AAFF" : "transparent" : "transparent"
34
34
  }
35
35
  }, /*#__PURE__*/React.createElement(Stack, {
36
36
  sx: {
@@ -42,13 +42,18 @@ const UserCard = _ref => {
42
42
  height: collapsed ? "49px" : "89px",
43
43
  borderRadius: "50%",
44
44
  border: "2px solid transparent",
45
- borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn4 = user.twitchChannelInfo) === null || _user$twitchChannelIn4 === void 0 ? void 0 : _user$twitchChannelIn4.twitchJourneyStatus) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn5 = user.twitchChannelInfo) === null || _user$twitchChannelIn5 === void 0 ? void 0 : _user$twitchChannelIn5.twitchJourneyStatus) === "AFFILIATE" ? "#27AAFF" : "transparent",
45
+ borderColor: collapsed ? "transparent" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "CHAMPION" ? "#FFFFFF" : (user === null || user === void 0 ? void 0 : user.affiliateJourneyStatuss) === "AFFILIATE" ? "#27AAFF" : "transparent",
46
46
  padding: collapsed ? "3px" : "6px",
47
47
  boxSizing: "border-box"
48
48
  },
49
49
  src: (user === null || user === void 0 ? void 0 : (_user$profileImage = user.profileImage) === null || _user$profileImage === void 0 ? void 0 : (_user$profileImage$or = _user$profileImage.original) === null || _user$profileImage$or === void 0 ? void 0 : _user$profileImage$or.url) || "https://cdn.blerp.com/blerp_products/Icons/Account-White.svg",
50
- alt: "profile"
51
- }), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn6 = user.twitchChannelInfo) === null || _user$twitchChannelIn6 === void 0 ? void 0 : _user$twitchChannelIn6.broadcasterType) === "partner" && /*#__PURE__*/React.createElement(VerifiedRounded, {
50
+ alt: "user profile",
51
+ onError: e => {
52
+ e.target.onerror = null; // prevents looping
53
+
54
+ e.target.src = "https://cdn.blerp.com/design/web/gamerblerpylarge.png";
55
+ }
56
+ }), (user === null || user === void 0 ? void 0 : (_user$twitchChannelIn2 = user.twitchChannelInfo) === null || _user$twitchChannelIn2 === void 0 ? void 0 : _user$twitchChannelIn2.broadcasterType) === "partner" && /*#__PURE__*/React.createElement(VerifiedRounded, {
52
57
  sx: {
53
58
  position: "absolute",
54
59
  bottom: collapsed ? "0" : "5px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.3.12",
3
+ "version": "1.3.14",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/esm/index.js",
6
6
  "scripts": {