@blerp/design 1.2.27 → 1.2.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/index.cjs.js +19 -13
- package/dist/index.esm.js +19 -13
- package/dist/index.umd.js +19 -13
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1572,7 +1572,7 @@ Blerp$1.propTypes = {
|
|
|
1572
1572
|
};
|
|
1573
1573
|
|
|
1574
1574
|
var UserCard$1 = function UserCard(_ref) {
|
|
1575
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2;
|
|
1575
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1576
1576
|
|
|
1577
1577
|
var user = _ref.user,
|
|
1578
1578
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1606,7 +1606,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1606
1606
|
padding: collapsed ? "3px" : "6px",
|
|
1607
1607
|
boxSizing: "border-box"
|
|
1608
1608
|
},
|
|
1609
|
-
src: user === null || user === void 0 ? void 0 : user.
|
|
1609
|
+
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",
|
|
1610
1610
|
alt: "profile"
|
|
1611
1611
|
}), (user === null || user === void 0 ? void 0 : user.verified) && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1612
1612
|
sx: {
|
|
@@ -1729,6 +1729,8 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
|
|
|
1729
1729
|
vertical: "top",
|
|
1730
1730
|
horizontal: "left"
|
|
1731
1731
|
},
|
|
1732
|
+
disableAutoFocus: true,
|
|
1733
|
+
disableRestoreFocus: true,
|
|
1732
1734
|
disablePortal: true,
|
|
1733
1735
|
hideBackdrop: true,
|
|
1734
1736
|
sx: {
|
|
@@ -1778,7 +1780,7 @@ var Container$1 = styled__default['default'].div(_templateObject2$a || (_templat
|
|
|
1778
1780
|
});
|
|
1779
1781
|
|
|
1780
1782
|
var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
1781
|
-
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont
|
|
1783
|
+
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont, _options$;
|
|
1782
1784
|
|
|
1783
1785
|
var item = _ref.item,
|
|
1784
1786
|
active = _ref.active,
|
|
@@ -1847,7 +1849,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1847
1849
|
pointerEvents: "none"
|
|
1848
1850
|
}
|
|
1849
1851
|
})
|
|
1850
|
-
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1852
|
+
}, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) || ((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.name)), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1851
1853
|
open: open,
|
|
1852
1854
|
anchorEl: anchor,
|
|
1853
1855
|
anchorOrigin: {
|
|
@@ -1928,6 +1930,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1928
1930
|
};
|
|
1929
1931
|
|
|
1930
1932
|
var AddContentButton = function AddContentButton(_ref2) {
|
|
1933
|
+
var _item$whitelistContex2, _item$channelPointsCo2, _item$walkOnContext2, _item$discordContext2;
|
|
1934
|
+
|
|
1931
1935
|
var item = _ref2.item,
|
|
1932
1936
|
hovering = _ref2.hovering,
|
|
1933
1937
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
@@ -1937,6 +1941,7 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1937
1941
|
onPlusClick = _ref2.onPlusClick,
|
|
1938
1942
|
selectedOption = _ref2.selectedOption,
|
|
1939
1943
|
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1944
|
+
var added = Boolean((item === null || item === void 0 ? void 0 : (_item$whitelistContex2 = item.whitelistContext) === null || _item$whitelistContex2 === void 0 ? void 0 : _item$whitelistContex2._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsCo2 = item.channelPointsContext) === null || _item$channelPointsCo2 === void 0 ? void 0 : _item$channelPointsCo2._id) || (item === null || item === void 0 ? void 0 : (_item$walkOnContext2 = item.walkOnContext) === null || _item$walkOnContext2 === void 0 ? void 0 : _item$walkOnContext2._id) || (item === null || item === void 0 ? void 0 : (_item$discordContext2 = item.discordContext) === null || _item$discordContext2 === void 0 ? void 0 : _item$discordContext2._id));
|
|
1940
1945
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1941
1946
|
direction: "row",
|
|
1942
1947
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -2009,12 +2014,14 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
2009
2014
|
e.stopPropagation();
|
|
2010
2015
|
setHoveringAddTo(true);
|
|
2011
2016
|
},
|
|
2012
|
-
onClick:
|
|
2017
|
+
onClick: function onClick() {
|
|
2018
|
+
return onPlusClick(added);
|
|
2019
|
+
}
|
|
2013
2020
|
}, /*#__PURE__*/React__default['default'].createElement(AddRoundedIcon__default['default'], {
|
|
2014
2021
|
sx: {
|
|
2015
2022
|
transition: "0.3s",
|
|
2016
2023
|
color: "notBlack.override",
|
|
2017
|
-
transform:
|
|
2024
|
+
transform: added && "rotate(45deg)"
|
|
2018
2025
|
}
|
|
2019
2026
|
})));
|
|
2020
2027
|
};
|
|
@@ -2059,7 +2066,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
|
|
|
2059
2066
|
}, savedCount));
|
|
2060
2067
|
};
|
|
2061
2068
|
var AddedToIcons = function AddedToIcons(_ref4) {
|
|
2062
|
-
var _item$
|
|
2069
|
+
var _item$channelPointsCo3, _item$whitelistContex3, _item$walkOnContext3;
|
|
2063
2070
|
|
|
2064
2071
|
var item = _ref4.item,
|
|
2065
2072
|
hovering = _ref4.hovering,
|
|
@@ -2071,15 +2078,15 @@ var AddedToIcons = function AddedToIcons(_ref4) {
|
|
|
2071
2078
|
transition: "0.3s",
|
|
2072
2079
|
opacity: hide ? "0" : hovering ? "1" : "0"
|
|
2073
2080
|
}
|
|
2074
|
-
}, (item === null || item === void 0 ? void 0 : (_item$
|
|
2081
|
+
}, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo3 = item.channelPointsContext) === null || _item$channelPointsCo3 === void 0 ? void 0 : _item$channelPointsCo3._id) && /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
|
|
2075
2082
|
sx: {
|
|
2076
2083
|
fontSize: "15px"
|
|
2077
2084
|
}
|
|
2078
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2085
|
+
}), (item === null || item === void 0 ? void 0 : (_item$whitelistContex3 = item.whitelistContext) === null || _item$whitelistContex3 === void 0 ? void 0 : _item$whitelistContex3._id) && /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
|
|
2079
2086
|
sx: {
|
|
2080
2087
|
fontSize: "15px"
|
|
2081
2088
|
}
|
|
2082
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2089
|
+
}), (item === null || item === void 0 ? void 0 : (_item$walkOnContext3 = item.walkOnContext) === null || _item$walkOnContext3 === void 0 ? void 0 : _item$walkOnContext3._id) && /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
|
|
2083
2090
|
sx: {
|
|
2084
2091
|
fontSize: "15px"
|
|
2085
2092
|
}
|
|
@@ -2520,10 +2527,9 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2520
2527
|
});
|
|
2521
2528
|
};
|
|
2522
2529
|
|
|
2523
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2530
|
+
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2524
2531
|
setAddedToPlace(true);
|
|
2525
|
-
onAddToPlace();
|
|
2526
|
-
|
|
2532
|
+
onAddToPlace(added);
|
|
2527
2533
|
setTimeout(function () {
|
|
2528
2534
|
setAddedToPlace(false);
|
|
2529
2535
|
}, 2000);
|
package/dist/index.esm.js
CHANGED
|
@@ -1496,7 +1496,7 @@ Blerp$1.propTypes = {
|
|
|
1496
1496
|
};
|
|
1497
1497
|
|
|
1498
1498
|
var UserCard$1 = function UserCard(_ref) {
|
|
1499
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2;
|
|
1499
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1500
1500
|
|
|
1501
1501
|
var user = _ref.user,
|
|
1502
1502
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1530,7 +1530,7 @@ var UserCard$1 = function UserCard(_ref) {
|
|
|
1530
1530
|
padding: collapsed ? "3px" : "6px",
|
|
1531
1531
|
boxSizing: "border-box"
|
|
1532
1532
|
},
|
|
1533
|
-
src: user === null || user === void 0 ? void 0 : user.
|
|
1533
|
+
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",
|
|
1534
1534
|
alt: "profile"
|
|
1535
1535
|
}), (user === null || user === void 0 ? void 0 : user.verified) && /*#__PURE__*/React__default.createElement(VerifiedRounded, {
|
|
1536
1536
|
sx: {
|
|
@@ -1653,6 +1653,8 @@ var UsernameWithPopout$1 = function UsernameWithPopout(_ref) {
|
|
|
1653
1653
|
vertical: "top",
|
|
1654
1654
|
horizontal: "left"
|
|
1655
1655
|
},
|
|
1656
|
+
disableAutoFocus: true,
|
|
1657
|
+
disableRestoreFocus: true,
|
|
1656
1658
|
disablePortal: true,
|
|
1657
1659
|
hideBackdrop: true,
|
|
1658
1660
|
sx: {
|
|
@@ -1702,7 +1704,7 @@ var Container$1 = styled.div(_templateObject2$a || (_templateObject2$a = _tagged
|
|
|
1702
1704
|
});
|
|
1703
1705
|
|
|
1704
1706
|
var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
1705
|
-
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont
|
|
1707
|
+
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont, _options$;
|
|
1706
1708
|
|
|
1707
1709
|
var item = _ref.item,
|
|
1708
1710
|
active = _ref.active,
|
|
@@ -1771,7 +1773,7 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1771
1773
|
pointerEvents: "none"
|
|
1772
1774
|
}
|
|
1773
1775
|
})
|
|
1774
|
-
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default.createElement(Popover, {
|
|
1776
|
+
}, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) || ((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.name)), /*#__PURE__*/React__default.createElement(Popover, {
|
|
1775
1777
|
open: open,
|
|
1776
1778
|
anchorEl: anchor,
|
|
1777
1779
|
anchorOrigin: {
|
|
@@ -1852,6 +1854,8 @@ var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
|
1852
1854
|
};
|
|
1853
1855
|
|
|
1854
1856
|
var AddContentButton = function AddContentButton(_ref2) {
|
|
1857
|
+
var _item$whitelistContex2, _item$channelPointsCo2, _item$walkOnContext2, _item$discordContext2;
|
|
1858
|
+
|
|
1855
1859
|
var item = _ref2.item,
|
|
1856
1860
|
hovering = _ref2.hovering,
|
|
1857
1861
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
@@ -1861,6 +1865,7 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1861
1865
|
onPlusClick = _ref2.onPlusClick,
|
|
1862
1866
|
selectedOption = _ref2.selectedOption,
|
|
1863
1867
|
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1868
|
+
var added = Boolean((item === null || item === void 0 ? void 0 : (_item$whitelistContex2 = item.whitelistContext) === null || _item$whitelistContex2 === void 0 ? void 0 : _item$whitelistContex2._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsCo2 = item.channelPointsContext) === null || _item$channelPointsCo2 === void 0 ? void 0 : _item$channelPointsCo2._id) || (item === null || item === void 0 ? void 0 : (_item$walkOnContext2 = item.walkOnContext) === null || _item$walkOnContext2 === void 0 ? void 0 : _item$walkOnContext2._id) || (item === null || item === void 0 ? void 0 : (_item$discordContext2 = item.discordContext) === null || _item$discordContext2 === void 0 ? void 0 : _item$discordContext2._id));
|
|
1864
1869
|
return /*#__PURE__*/React__default.createElement(Stack, {
|
|
1865
1870
|
direction: "row",
|
|
1866
1871
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -1933,12 +1938,14 @@ var AddContentButton = function AddContentButton(_ref2) {
|
|
|
1933
1938
|
e.stopPropagation();
|
|
1934
1939
|
setHoveringAddTo(true);
|
|
1935
1940
|
},
|
|
1936
|
-
onClick:
|
|
1941
|
+
onClick: function onClick() {
|
|
1942
|
+
return onPlusClick(added);
|
|
1943
|
+
}
|
|
1937
1944
|
}, /*#__PURE__*/React__default.createElement(AddRoundedIcon, {
|
|
1938
1945
|
sx: {
|
|
1939
1946
|
transition: "0.3s",
|
|
1940
1947
|
color: "notBlack.override",
|
|
1941
|
-
transform:
|
|
1948
|
+
transform: added && "rotate(45deg)"
|
|
1942
1949
|
}
|
|
1943
1950
|
})));
|
|
1944
1951
|
};
|
|
@@ -1983,7 +1990,7 @@ var FavoriteIconWithCounter = function FavoriteIconWithCounter(_ref3) {
|
|
|
1983
1990
|
}, savedCount));
|
|
1984
1991
|
};
|
|
1985
1992
|
var AddedToIcons = function AddedToIcons(_ref4) {
|
|
1986
|
-
var _item$
|
|
1993
|
+
var _item$channelPointsCo3, _item$whitelistContex3, _item$walkOnContext3;
|
|
1987
1994
|
|
|
1988
1995
|
var item = _ref4.item,
|
|
1989
1996
|
hovering = _ref4.hovering,
|
|
@@ -1995,15 +2002,15 @@ var AddedToIcons = function AddedToIcons(_ref4) {
|
|
|
1995
2002
|
transition: "0.3s",
|
|
1996
2003
|
opacity: hide ? "0" : hovering ? "1" : "0"
|
|
1997
2004
|
}
|
|
1998
|
-
}, (item === null || item === void 0 ? void 0 : (_item$
|
|
2005
|
+
}, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo3 = item.channelPointsContext) === null || _item$channelPointsCo3 === void 0 ? void 0 : _item$channelPointsCo3._id) && /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
|
|
1999
2006
|
sx: {
|
|
2000
2007
|
fontSize: "15px"
|
|
2001
2008
|
}
|
|
2002
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2009
|
+
}), (item === null || item === void 0 ? void 0 : (_item$whitelistContex3 = item.whitelistContext) === null || _item$whitelistContex3 === void 0 ? void 0 : _item$whitelistContex3._id) && /*#__PURE__*/React__default.createElement(TwitchBitIcon, {
|
|
2003
2010
|
sx: {
|
|
2004
2011
|
fontSize: "15px"
|
|
2005
2012
|
}
|
|
2006
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2013
|
+
}), (item === null || item === void 0 ? void 0 : (_item$walkOnContext3 = item.walkOnContext) === null || _item$walkOnContext3 === void 0 ? void 0 : _item$walkOnContext3._id) && /*#__PURE__*/React__default.createElement(WalkonIcon, {
|
|
2007
2014
|
sx: {
|
|
2008
2015
|
fontSize: "15px"
|
|
2009
2016
|
}
|
|
@@ -2444,10 +2451,9 @@ var NewBlerp$1 = function NewBlerp(_ref8) {
|
|
|
2444
2451
|
});
|
|
2445
2452
|
};
|
|
2446
2453
|
|
|
2447
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2454
|
+
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2448
2455
|
setAddedToPlace(true);
|
|
2449
|
-
onAddToPlace();
|
|
2450
|
-
|
|
2456
|
+
onAddToPlace(added);
|
|
2451
2457
|
setTimeout(function () {
|
|
2452
2458
|
setAddedToPlace(false);
|
|
2453
2459
|
}, 2000);
|
package/dist/index.umd.js
CHANGED
|
@@ -1517,7 +1517,7 @@
|
|
|
1517
1517
|
};
|
|
1518
1518
|
|
|
1519
1519
|
var UserCard$1 = function UserCard(_ref) {
|
|
1520
|
-
var _user$twitchChannelIn, _user$twitchChannelIn2;
|
|
1520
|
+
var _user$twitchChannelIn, _user$twitchChannelIn2, _user$profileImage, _user$profileImage$or;
|
|
1521
1521
|
|
|
1522
1522
|
var user = _ref.user,
|
|
1523
1523
|
onUsernameClick = _ref.onUsernameClick,
|
|
@@ -1551,7 +1551,7 @@
|
|
|
1551
1551
|
padding: collapsed ? "3px" : "6px",
|
|
1552
1552
|
boxSizing: "border-box"
|
|
1553
1553
|
},
|
|
1554
|
-
src: user === null || user === void 0 ? void 0 : user.
|
|
1554
|
+
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",
|
|
1555
1555
|
alt: "profile"
|
|
1556
1556
|
}), (user === null || user === void 0 ? void 0 : user.verified) && /*#__PURE__*/React__default['default'].createElement(iconsMaterial.VerifiedRounded, {
|
|
1557
1557
|
sx: {
|
|
@@ -1674,6 +1674,8 @@
|
|
|
1674
1674
|
vertical: "top",
|
|
1675
1675
|
horizontal: "left"
|
|
1676
1676
|
},
|
|
1677
|
+
disableAutoFocus: true,
|
|
1678
|
+
disableRestoreFocus: true,
|
|
1677
1679
|
disablePortal: true,
|
|
1678
1680
|
hideBackdrop: true,
|
|
1679
1681
|
sx: {
|
|
@@ -1723,7 +1725,7 @@
|
|
|
1723
1725
|
});
|
|
1724
1726
|
|
|
1725
1727
|
var AddContentDropdown = function AddContentDropdown(_ref) {
|
|
1726
|
-
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont
|
|
1728
|
+
var _item$channelPointsCo, _item$whitelistContex, _item$walkOnContext, _item$discordContext, _item$soundEmotesCont, _options$;
|
|
1727
1729
|
|
|
1728
1730
|
var item = _ref.item,
|
|
1729
1731
|
active = _ref.active,
|
|
@@ -1792,7 +1794,7 @@
|
|
|
1792
1794
|
pointerEvents: "none"
|
|
1793
1795
|
}
|
|
1794
1796
|
})
|
|
1795
|
-
}, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1797
|
+
}, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) || ((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.name)), /*#__PURE__*/React__default['default'].createElement(Popover, {
|
|
1796
1798
|
open: open,
|
|
1797
1799
|
anchorEl: anchor,
|
|
1798
1800
|
anchorOrigin: {
|
|
@@ -1873,6 +1875,8 @@
|
|
|
1873
1875
|
};
|
|
1874
1876
|
|
|
1875
1877
|
var AddContentButton = function AddContentButton(_ref2) {
|
|
1878
|
+
var _item$whitelistContex2, _item$channelPointsCo2, _item$walkOnContext2, _item$discordContext2;
|
|
1879
|
+
|
|
1876
1880
|
var item = _ref2.item,
|
|
1877
1881
|
hovering = _ref2.hovering,
|
|
1878
1882
|
hoveringAddTo = _ref2.hoveringAddTo,
|
|
@@ -1882,6 +1886,7 @@
|
|
|
1882
1886
|
onPlusClick = _ref2.onPlusClick,
|
|
1883
1887
|
selectedOption = _ref2.selectedOption,
|
|
1884
1888
|
isUnownedPremium = _ref2.isUnownedPremium;
|
|
1889
|
+
var added = Boolean((item === null || item === void 0 ? void 0 : (_item$whitelistContex2 = item.whitelistContext) === null || _item$whitelistContex2 === void 0 ? void 0 : _item$whitelistContex2._id) || (item === null || item === void 0 ? void 0 : (_item$channelPointsCo2 = item.channelPointsContext) === null || _item$channelPointsCo2 === void 0 ? void 0 : _item$channelPointsCo2._id) || (item === null || item === void 0 ? void 0 : (_item$walkOnContext2 = item.walkOnContext) === null || _item$walkOnContext2 === void 0 ? void 0 : _item$walkOnContext2._id) || (item === null || item === void 0 ? void 0 : (_item$discordContext2 = item.discordContext) === null || _item$discordContext2 === void 0 ? void 0 : _item$discordContext2._id));
|
|
1885
1890
|
return /*#__PURE__*/React__default['default'].createElement(Stack, {
|
|
1886
1891
|
direction: "row",
|
|
1887
1892
|
width: hoveringAddTo ? "100%" : "60%",
|
|
@@ -1954,12 +1959,14 @@
|
|
|
1954
1959
|
e.stopPropagation();
|
|
1955
1960
|
setHoveringAddTo(true);
|
|
1956
1961
|
},
|
|
1957
|
-
onClick:
|
|
1962
|
+
onClick: function onClick() {
|
|
1963
|
+
return onPlusClick(added);
|
|
1964
|
+
}
|
|
1958
1965
|
}, /*#__PURE__*/React__default['default'].createElement(AddRoundedIcon__default['default'], {
|
|
1959
1966
|
sx: {
|
|
1960
1967
|
transition: "0.3s",
|
|
1961
1968
|
color: "notBlack.override",
|
|
1962
|
-
transform:
|
|
1969
|
+
transform: added && "rotate(45deg)"
|
|
1963
1970
|
}
|
|
1964
1971
|
})));
|
|
1965
1972
|
};
|
|
@@ -2004,7 +2011,7 @@
|
|
|
2004
2011
|
}, savedCount));
|
|
2005
2012
|
};
|
|
2006
2013
|
var AddedToIcons = function AddedToIcons(_ref4) {
|
|
2007
|
-
var _item$
|
|
2014
|
+
var _item$channelPointsCo3, _item$whitelistContex3, _item$walkOnContext3;
|
|
2008
2015
|
|
|
2009
2016
|
var item = _ref4.item,
|
|
2010
2017
|
hovering = _ref4.hovering,
|
|
@@ -2016,15 +2023,15 @@
|
|
|
2016
2023
|
transition: "0.3s",
|
|
2017
2024
|
opacity: hide ? "0" : hovering ? "1" : "0"
|
|
2018
2025
|
}
|
|
2019
|
-
}, (item === null || item === void 0 ? void 0 : (_item$
|
|
2026
|
+
}, (item === null || item === void 0 ? void 0 : (_item$channelPointsCo3 = item.channelPointsContext) === null || _item$channelPointsCo3 === void 0 ? void 0 : _item$channelPointsCo3._id) && /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
|
|
2020
2027
|
sx: {
|
|
2021
2028
|
fontSize: "15px"
|
|
2022
2029
|
}
|
|
2023
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2030
|
+
}), (item === null || item === void 0 ? void 0 : (_item$whitelistContex3 = item.whitelistContext) === null || _item$whitelistContex3 === void 0 ? void 0 : _item$whitelistContex3._id) && /*#__PURE__*/React__default['default'].createElement(TwitchBitIcon, {
|
|
2024
2031
|
sx: {
|
|
2025
2032
|
fontSize: "15px"
|
|
2026
2033
|
}
|
|
2027
|
-
}), (item === null || item === void 0 ? void 0 : (_item$
|
|
2034
|
+
}), (item === null || item === void 0 ? void 0 : (_item$walkOnContext3 = item.walkOnContext) === null || _item$walkOnContext3 === void 0 ? void 0 : _item$walkOnContext3._id) && /*#__PURE__*/React__default['default'].createElement(WalkonIcon, {
|
|
2028
2035
|
sx: {
|
|
2029
2036
|
fontSize: "15px"
|
|
2030
2037
|
}
|
|
@@ -2465,10 +2472,9 @@
|
|
|
2465
2472
|
});
|
|
2466
2473
|
};
|
|
2467
2474
|
|
|
2468
|
-
var handleAddToPlace = function handleAddToPlace(
|
|
2475
|
+
var handleAddToPlace = function handleAddToPlace(added) {
|
|
2469
2476
|
setAddedToPlace(true);
|
|
2470
|
-
onAddToPlace();
|
|
2471
|
-
|
|
2477
|
+
onAddToPlace(added);
|
|
2472
2478
|
setTimeout(function () {
|
|
2473
2479
|
setAddedToPlace(false);
|
|
2474
2480
|
}, 2000);
|