galaxis-card 1.1.14 → 1.2.0
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/cjs/Card/FrontBadgeList.d.ts +12 -0
- package/dist/cjs/Card/FrontBadgeList.js +36 -0
- package/dist/cjs/Card/FrontBadgeList.js.map +1 -0
- package/dist/cjs/Card/GalaxisCard.js +4 -1
- package/dist/cjs/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/FrontBadgeList.d.ts +12 -0
- package/dist/esm/Card/FrontBadgeList.js +33 -0
- package/dist/esm/Card/FrontBadgeList.js.map +1 -0
- package/dist/esm/Card/GalaxisCard.js +4 -1
- package/dist/esm/Card/GalaxisCard.js.map +1 -1
- package/dist/esm/Card/styles/styles/BadgeDisplay.css +3 -11
- package/dist/esm/Card/styles/styles/BadgeList.css +9 -1
- package/dist/esm/Card/styles/styles/FrontBadgeList.css +24 -0
- package/dist/esm/Card/styles/styles/GalaxisCard.css +14 -0
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles/FrontBadgeList.css";
|
|
3
|
+
import { TraitModel } from "../models/metadata.model";
|
|
4
|
+
type Props = {
|
|
5
|
+
badges: TraitModel[];
|
|
6
|
+
selectedBadgeId: number;
|
|
7
|
+
setFlipToBadges: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
+
setSelectedBadgeId: React.Dispatch<React.SetStateAction<number>>;
|
|
9
|
+
setFlipped: React.Dispatch<React.SetStateAction<boolean>>;
|
|
10
|
+
};
|
|
11
|
+
declare const FrontBadgeList: React.FC<Props>;
|
|
12
|
+
export default FrontBadgeList;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
require("./styles/FrontBadgeList.css");
|
|
6
|
+
var FrontBadgeList = function (_a) {
|
|
7
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped;
|
|
8
|
+
var _b = (0, react_1.useState)(null), setSelectedBadge = _b[1];
|
|
9
|
+
var _c = (0, react_1.useState)(false), setBadgeDetailsVisible = _c[1];
|
|
10
|
+
(0, react_1.useEffect)(function () {
|
|
11
|
+
if (selectedBadgeId !== 0) {
|
|
12
|
+
setSelectedBadge(badges[selectedBadgeId - 1]);
|
|
13
|
+
setBadgeDetailsVisible(true);
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
setSelectedBadge(null);
|
|
17
|
+
setBadgeDetailsVisible(false);
|
|
18
|
+
}
|
|
19
|
+
}, [selectedBadgeId, badges]);
|
|
20
|
+
var selectBadge = function (traitId) {
|
|
21
|
+
setFlipToBadges(true);
|
|
22
|
+
setSelectedBadgeId(traitId);
|
|
23
|
+
setFlipped(true);
|
|
24
|
+
var badge = badges.find(function (b) { return +b.traitId === traitId; }) || null;
|
|
25
|
+
setSelectedBadge(badge);
|
|
26
|
+
setBadgeDetailsVisible(true);
|
|
27
|
+
};
|
|
28
|
+
return (react_1.default.createElement("div", { className: "badge-list-on-front" }, badges.filter(function (badge) { return badge.decorator_type !== "decal" && badge.decorator_type !== "frame"; }).slice(0, 5).map(function (badge) {
|
|
29
|
+
var _a;
|
|
30
|
+
return (react_1.default.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
31
|
+
react_1.default.createElement("div", { className: "front-badge d-flex" },
|
|
32
|
+
react_1.default.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId) }))));
|
|
33
|
+
})));
|
|
34
|
+
};
|
|
35
|
+
exports.default = FrontBadgeList;
|
|
36
|
+
//# sourceMappingURL=FrontBadgeList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":";;;AAAA,qDAAmD;AACnD,uCAAqC;AAWrC,IAAM,cAAc,GAAoB,UAAC,EAA4E;QAA1E,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,kBAAkB,wBAAA,EAAE,UAAU,gBAAA;IAC3G,IAAA,KAAuB,IAAA,gBAAQ,EAAoB,IAAI,CAAC,EAArD,gBAAgB,QAAqC,CAAC;IACzD,IAAA,KAA6B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAlD,sBAAsB,QAA4B,CAAC;IAE5D,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;YAC1B,gBAAgB,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9C,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,IAAM,WAAW,GAAG,UAAC,OAAe;QAClC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,EAAtB,CAAsB,CAAC,IAAI,IAAI,CAAC;QACjE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,uCAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAI,OAAA,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,OAAO,EAApE,CAAoE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK;;QAAI,OAAA,CACtH,uCACG,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAA3B,CAA2B;YAE1C,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,uCAAK,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAAE,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,GAAI,CACpE,CACF,CACZ,CAAA;KAAA,CAAC,CACI,CAER,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -11,6 +11,7 @@ var GSpinner_1 = tslib_1.__importDefault(require("./GSpinner/GSpinner"));
|
|
|
11
11
|
var Decals_1 = tslib_1.__importDefault(require("./Decals"));
|
|
12
12
|
var Frame_1 = tslib_1.__importDefault(require("./Frame"));
|
|
13
13
|
require("./styles/GalaxisCard.css");
|
|
14
|
+
var FrontBadgeList_1 = tslib_1.__importDefault(require("./FrontBadgeList"));
|
|
14
15
|
var GalaxisCard = function (_a) {
|
|
15
16
|
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata;
|
|
16
17
|
var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
@@ -125,7 +126,9 @@ var GalaxisCard = function (_a) {
|
|
|
125
126
|
react_1.default.createElement(Frame_1.default, { frameUrl: frameImageUrl }),
|
|
126
127
|
communityCurrency && (react_1.default.createElement(CurrencyDisplay_1.default, { name: communityCurrency.name, balance: communityCurrency.balance, icon: communityCurrency.icon, bgColor: "#ffffffa0", color: "#000000" })),
|
|
127
128
|
cardLevel && (react_1.default.createElement(LevelDisplay_1.default, { label: cardLevel, bgColor: "#ffffffa0", color: "#000000" })),
|
|
128
|
-
badgeData && (react_1.default.createElement(
|
|
129
|
+
badgeData && (react_1.default.createElement("div", { className: "badge-display" },
|
|
130
|
+
react_1.default.createElement(BadgeDisplay_1.default, { badges: badgeData, onBadgeSelected: onBadgeSelected, bgColor: "#ffffffa0", color: "#000000" }))),
|
|
131
|
+
badgeData && (react_1.default.createElement(FrontBadgeList_1.default, { badges: badgeData, selectedBadgeId: selectedBadgeId, setFlipToBadges: setFlipToBadges, setSelectedBadgeId: setSelectedBadgeId, setFlipped: setFlipped })),
|
|
129
132
|
hasMultipleSides && (react_1.default.createElement("div", { className: "flip-button", onClick: function () { return flipToImage(); } },
|
|
130
133
|
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
131
134
|
react_1.default.createElement("path", { d: "m92.524 117.689c-.355-.087-.704-.198-1.044-.333-1.481-.563-2.45-2.01-2.408-3.594-.024-3.7-.012-5.557-.012-9.254v-.551h-3.936c-.876.016-1.734-.254-2.443-.769-.999-.681-1.603-1.811-1.613-3.02-.024-1.78-.024-3.548 0-5.327.076-2.083 1.806-3.757 3.89-3.766 1.34-.023 2.692 0 4.1 0v-9.253c-.003-.066-.005-.132-.005-.198 0-2.16 1.777-3.937 3.937-3.937.106 0 .212.004.317.013h15.493c.104-.008.209-.013.314-.013 2.16 0 3.937 1.778 3.937 3.937 0 .066-.002.132-.005.198v14.408h.949c1.254-.033 2.509-.002 3.76.092 1.83.241 3.226 1.794 3.273 3.639.036 1.8.036 3.605 0 5.419-.087 2.065-1.799 3.723-3.866 3.743-1.2.023-2.4.011-3.593.011h-.522v4.466c.1 1.999-1.361 3.765-3.344 4.041-.043.012-.083.031-.119.057-5.696-.01-11.383-.013-17.06-.009zm-.794-18.864v14.775c-.006.053-.01.107-.01.161 0 .743.612 1.355 1.355 1.355.07 0 .14-.005.209-.016h15.536c1.044 0 1.554-.494 1.565-1.493v-4.047c0-.138-.012-.276-.024-.436h-3.843c-.048.005-.096.008-.144.008-.722 0-1.317-.595-1.317-1.317 0-.023.001-.046.002-.069 0-1.665-.012-3.318 0-4.983-.001-.024-.002-.048-.002-.072 0-.713.587-1.3 1.3-1.3.042 0 .083.002.125.006 1.139-.011 2.277 0 3.416 0h.486v-19.713c.002-.033.004-.065.004-.098 0-.725-.598-1.323-1.323-1.323-.051 0-.102.003-.152.009h-15.63c-.069-.011-.139-.016-.209-.016-.743 0-1.355.612-1.355 1.355 0 .054.004.108.01.161v9.265h2.671v-1.167c-.037-.506.235-.988.688-1.217.461-.259 1.034-.223 1.459.092 2.621 1.688 5.242 3.38 7.863 5.075.41.217.667.644.667 1.108s-.257.891-.667 1.108c-2.621 1.711-5.266 3.4-7.9 5.1-.407.292-.946.328-1.388.092-.457-.217-.742-.688-.723-1.194v-1.209zm4.756-.861s3.392-2.113 4.815-3.031c-1.447-.93-4.815-3.111-4.815-3.111l-.024 1.791-1.079.034h-10.164c-.771 0-1.34.356-1.435 1.01-.045.55-.049 1.102-.012 1.653.854-.034 1.672-.08 2.491-.092 3.06-.011 9.191 0 9.191 0l1.008-.011zm11.231 8.519c.047.034.059.057.071.057 3.107 0 6.215.011 9.322 0 .584.018 1.099-.4 1.2-.976.045-.566.049-1.134.012-1.7-.759.034-1.494.092-2.23.092-2.633.011-5.266 0-7.9 0h-.474zm5.337-5.1c1.388 0 2.74.023 4.092-.011.67-.035 1.204-.592 1.21-1.263.02-.656-.485-1.22-1.139-1.274-1.388-.046-2.763-.011-4.175-.011.012.851.012 1.676.012 2.561zm-24.016-2.569h-3.9c-.031-.002-.063-.003-.094-.003-.715 0-1.305.588-1.306 1.303.024.708.613 1.278 1.322 1.278.034 0 .067-.001.101-.004 1.2.011 2.4 0 3.594 0 .096-.006.191-.017.285-.034z", fill: "#fcfcfc", fillRule: "nonzero", transform: "translate(-81.05 -77.6872)" }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";;;AAAA,qDAAuD;AACvD,4DAA8B;AAC9B,wEAA0C;AAC1C,wEAA0C;AAC1C,kEAAoC;AACpC,8EAAgD;AAChD,yEAA2C;AAC3C,4DAA8B;AAC9B,0DAA4B;AAC5B,oCAAkC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./styles/FrontBadgeList.css";
|
|
3
|
+
import { TraitModel } from "../models/metadata.model";
|
|
4
|
+
type Props = {
|
|
5
|
+
badges: TraitModel[];
|
|
6
|
+
selectedBadgeId: number;
|
|
7
|
+
setFlipToBadges: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
+
setSelectedBadgeId: React.Dispatch<React.SetStateAction<number>>;
|
|
9
|
+
setFlipped: React.Dispatch<React.SetStateAction<boolean>>;
|
|
10
|
+
};
|
|
11
|
+
declare const FrontBadgeList: React.FC<Props>;
|
|
12
|
+
export default FrontBadgeList;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import "./styles/FrontBadgeList.css";
|
|
3
|
+
var FrontBadgeList = function (_a) {
|
|
4
|
+
var badges = _a.badges, selectedBadgeId = _a.selectedBadgeId, setFlipToBadges = _a.setFlipToBadges, setSelectedBadgeId = _a.setSelectedBadgeId, setFlipped = _a.setFlipped;
|
|
5
|
+
var _b = useState(null), setSelectedBadge = _b[1];
|
|
6
|
+
var _c = useState(false), setBadgeDetailsVisible = _c[1];
|
|
7
|
+
useEffect(function () {
|
|
8
|
+
if (selectedBadgeId !== 0) {
|
|
9
|
+
setSelectedBadge(badges[selectedBadgeId - 1]);
|
|
10
|
+
setBadgeDetailsVisible(true);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
setSelectedBadge(null);
|
|
14
|
+
setBadgeDetailsVisible(false);
|
|
15
|
+
}
|
|
16
|
+
}, [selectedBadgeId, badges]);
|
|
17
|
+
var selectBadge = function (traitId) {
|
|
18
|
+
setFlipToBadges(true);
|
|
19
|
+
setSelectedBadgeId(traitId);
|
|
20
|
+
setFlipped(true);
|
|
21
|
+
var badge = badges.find(function (b) { return +b.traitId === traitId; }) || null;
|
|
22
|
+
setSelectedBadge(badge);
|
|
23
|
+
setBadgeDetailsVisible(true);
|
|
24
|
+
};
|
|
25
|
+
return (React.createElement("div", { className: "badge-list-on-front" }, badges.filter(function (badge) { return badge.decorator_type !== "decal" && badge.decorator_type !== "frame"; }).slice(0, 5).map(function (badge) {
|
|
26
|
+
var _a;
|
|
27
|
+
return (React.createElement("div", { key: badge.traitId, className: "badge-item d-flex flex-row align-items-center", onClick: function () { return selectBadge(+badge.traitId); } },
|
|
28
|
+
React.createElement("div", { className: "front-badge d-flex" },
|
|
29
|
+
React.createElement("img", { src: (_a = badge.icon_url) !== null && _a !== void 0 ? _a : undefined, alt: "Badge ".concat(badge.traitId) }))));
|
|
30
|
+
})));
|
|
31
|
+
};
|
|
32
|
+
export default FrontBadgeList;
|
|
33
|
+
//# sourceMappingURL=FrontBadgeList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FrontBadgeList.js","sourceRoot":"","sources":["../../../src/Card/FrontBadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,6BAA6B,CAAC;AAWrC,IAAM,cAAc,GAAoB,UAAC,EAA4E;QAA1E,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA,EAAE,kBAAkB,wBAAA,EAAE,UAAU,gBAAA;IAC3G,IAAA,KAAuB,QAAQ,CAAoB,IAAI,CAAC,EAArD,gBAAgB,QAAqC,CAAC;IACzD,IAAA,KAA6B,QAAQ,CAAU,KAAK,CAAC,EAAlD,sBAAsB,QAA4B,CAAC;IAE5D,SAAS,CAAC;QACR,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;YAC1B,gBAAgB,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9C,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,IAAM,WAAW,GAAG,UAAC,OAAe;QAClC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,EAAtB,CAAsB,CAAC,IAAI,IAAI,CAAC;QACjE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,MAAM,CAAC,UAAC,KAAK,IAAI,OAAA,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,KAAK,OAAO,EAApE,CAAoE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK;;QAAI,OAAA,CACtH,6BACG,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,SAAS,EAAC,+CAA+C,EACzD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAA3B,CAA2B;YAE1C,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BAAK,GAAG,EAAE,MAAA,KAAK,CAAC,QAAQ,mCAAI,SAAS,EAAE,GAAG,EAAE,gBAAS,KAAK,CAAC,OAAO,CAAE,GAAI,CACpE,CACF,CACZ,CAAA;KAAA,CAAC,CACI,CAER,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -9,6 +9,7 @@ import GSpinner from "./GSpinner/GSpinner";
|
|
|
9
9
|
import Decals from "./Decals";
|
|
10
10
|
import Frame from "./Frame";
|
|
11
11
|
import "./styles/GalaxisCard.css";
|
|
12
|
+
import FrontBadgeList from "./FrontBadgeList";
|
|
12
13
|
var GalaxisCard = function (_a) {
|
|
13
14
|
var _b = _a.metadataUrl, metadataUrl = _b === void 0 ? "" : _b, communityCurrency = _a.communityCurrency, cardLevel = _a.cardLevel, metadata = _a.metadata;
|
|
14
15
|
var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
@@ -123,7 +124,9 @@ var GalaxisCard = function (_a) {
|
|
|
123
124
|
React.createElement(Frame, { frameUrl: frameImageUrl }),
|
|
124
125
|
communityCurrency && (React.createElement(CurrencyDisplay, { name: communityCurrency.name, balance: communityCurrency.balance, icon: communityCurrency.icon, bgColor: "#ffffffa0", color: "#000000" })),
|
|
125
126
|
cardLevel && (React.createElement(LevelDisplay, { label: cardLevel, bgColor: "#ffffffa0", color: "#000000" })),
|
|
126
|
-
badgeData && (React.createElement(
|
|
127
|
+
badgeData && (React.createElement("div", { className: "badge-display" },
|
|
128
|
+
React.createElement(BadgeDisplay, { badges: badgeData, onBadgeSelected: onBadgeSelected, bgColor: "#ffffffa0", color: "#000000" }))),
|
|
129
|
+
badgeData && (React.createElement(FrontBadgeList, { badges: badgeData, selectedBadgeId: selectedBadgeId, setFlipToBadges: setFlipToBadges, setSelectedBadgeId: setSelectedBadgeId, setFlipped: setFlipped })),
|
|
127
130
|
hasMultipleSides && (React.createElement("div", { className: "flip-button", onClick: function () { return flipToImage(); } },
|
|
128
131
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", clipRule: "evenodd", fillRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2", viewBox: "0 0 41 41" },
|
|
129
132
|
React.createElement("path", { d: "m92.524 117.689c-.355-.087-.704-.198-1.044-.333-1.481-.563-2.45-2.01-2.408-3.594-.024-3.7-.012-5.557-.012-9.254v-.551h-3.936c-.876.016-1.734-.254-2.443-.769-.999-.681-1.603-1.811-1.613-3.02-.024-1.78-.024-3.548 0-5.327.076-2.083 1.806-3.757 3.89-3.766 1.34-.023 2.692 0 4.1 0v-9.253c-.003-.066-.005-.132-.005-.198 0-2.16 1.777-3.937 3.937-3.937.106 0 .212.004.317.013h15.493c.104-.008.209-.013.314-.013 2.16 0 3.937 1.778 3.937 3.937 0 .066-.002.132-.005.198v14.408h.949c1.254-.033 2.509-.002 3.76.092 1.83.241 3.226 1.794 3.273 3.639.036 1.8.036 3.605 0 5.419-.087 2.065-1.799 3.723-3.866 3.743-1.2.023-2.4.011-3.593.011h-.522v4.466c.1 1.999-1.361 3.765-3.344 4.041-.043.012-.083.031-.119.057-5.696-.01-11.383-.013-17.06-.009zm-.794-18.864v14.775c-.006.053-.01.107-.01.161 0 .743.612 1.355 1.355 1.355.07 0 .14-.005.209-.016h15.536c1.044 0 1.554-.494 1.565-1.493v-4.047c0-.138-.012-.276-.024-.436h-3.843c-.048.005-.096.008-.144.008-.722 0-1.317-.595-1.317-1.317 0-.023.001-.046.002-.069 0-1.665-.012-3.318 0-4.983-.001-.024-.002-.048-.002-.072 0-.713.587-1.3 1.3-1.3.042 0 .083.002.125.006 1.139-.011 2.277 0 3.416 0h.486v-19.713c.002-.033.004-.065.004-.098 0-.725-.598-1.323-1.323-1.323-.051 0-.102.003-.152.009h-15.63c-.069-.011-.139-.016-.209-.016-.743 0-1.355.612-1.355 1.355 0 .054.004.108.01.161v9.265h2.671v-1.167c-.037-.506.235-.988.688-1.217.461-.259 1.034-.223 1.459.092 2.621 1.688 5.242 3.38 7.863 5.075.41.217.667.644.667 1.108s-.257.891-.667 1.108c-2.621 1.711-5.266 3.4-7.9 5.1-.407.292-.946.328-1.388.092-.457-.217-.742-.688-.723-1.194v-1.209zm4.756-.861s3.392-2.113 4.815-3.031c-1.447-.93-4.815-3.111-4.815-3.111l-.024 1.791-1.079.034h-10.164c-.771 0-1.34.356-1.435 1.01-.045.55-.049 1.102-.012 1.653.854-.034 1.672-.08 2.491-.092 3.06-.011 9.191 0 9.191 0l1.008-.011zm11.231 8.519c.047.034.059.057.071.057 3.107 0 6.215.011 9.322 0 .584.018 1.099-.4 1.2-.976.045-.566.049-1.134.012-1.7-.759.034-1.494.092-2.23.092-2.633.011-5.266 0-7.9 0h-.474zm5.337-5.1c1.388 0 2.74.023 4.092-.011.67-.035 1.204-.592 1.21-1.263.02-.656-.485-1.22-1.139-1.274-1.388-.046-2.763-.011-4.175-.011.012.851.012 1.676.012 2.561zm-24.016-2.569h-3.9c-.031-.002-.063-.003-.094-.003-.715 0-1.305.588-1.306 1.303.024.708.613 1.278 1.322 1.278.034 0 .067-.001.101-.004 1.2.011 2.4 0 3.594 0 .096-.006.191-.017.285-.034z", fill: "#fcfcfc", fillRule: "nonzero", transform: "translate(-81.05 -77.6872)" }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"GalaxisCard.js","sourceRoot":"","sources":["../../../src/Card/GalaxisCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
position: absolute;
|
|
3
|
-
top: 1em;
|
|
4
|
-
right: 1em;
|
|
5
|
-
z-index: 10;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
gap: 0.5em !important;
|
|
9
|
-
}
|
|
1
|
+
|
|
10
2
|
|
|
11
3
|
.badge {
|
|
12
4
|
width: 2.2em !important;
|
|
@@ -35,6 +27,6 @@
|
|
|
35
27
|
}
|
|
36
28
|
|
|
37
29
|
.badge img {
|
|
38
|
-
width:
|
|
39
|
-
height:
|
|
30
|
+
width: 3em;
|
|
31
|
+
height: 3em;
|
|
40
32
|
}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
width: 100%;
|
|
14
14
|
padding: 10%;
|
|
15
15
|
overflow: auto;
|
|
16
|
-
gap:
|
|
16
|
+
gap: 24px;
|
|
17
17
|
transition: all 0.5s ease-in-out;
|
|
18
18
|
transform-origin: bottom left;
|
|
19
19
|
}
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
.badge-item {
|
|
32
32
|
cursor: pointer;
|
|
33
|
+
gap: 8px
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
.badge-item:hover {
|
|
@@ -40,6 +41,13 @@
|
|
|
40
41
|
transform: scale(1.1);
|
|
41
42
|
}
|
|
42
43
|
|
|
44
|
+
.badge img {
|
|
45
|
+
width: 100%;
|
|
46
|
+
height: 100%;
|
|
47
|
+
min-width: 3em;
|
|
48
|
+
min-height: 3em;
|
|
49
|
+
}
|
|
50
|
+
|
|
43
51
|
.close {
|
|
44
52
|
position: absolute;
|
|
45
53
|
top: 0em;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
.badge-list-on-front {
|
|
2
|
+
position: absolute;
|
|
3
|
+
top: 4em;
|
|
4
|
+
right: 1em;
|
|
5
|
+
z-index: 10;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
gap: 0.5em !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.badge-item:hover {
|
|
12
|
+
color: black;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.badge-item:hover .front-badge {
|
|
16
|
+
transform: scale(1.1);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.front-badge img{
|
|
20
|
+
width: 3em !important;
|
|
21
|
+
height: 3em !important;
|
|
22
|
+
min-width: 3em !important;
|
|
23
|
+
|
|
24
|
+
}
|
|
@@ -157,3 +157,17 @@
|
|
|
157
157
|
height: 100%;
|
|
158
158
|
object-fit: cover;
|
|
159
159
|
}
|
|
160
|
+
|
|
161
|
+
.badge-display {
|
|
162
|
+
position: absolute;
|
|
163
|
+
top: 1em;
|
|
164
|
+
right: 1em;
|
|
165
|
+
z-index: 10;
|
|
166
|
+
display: flex;
|
|
167
|
+
flex-direction: column;
|
|
168
|
+
gap: 0.5em !important;
|
|
169
|
+
width: 3em;
|
|
170
|
+
height: 3em;
|
|
171
|
+
justify-content: center;
|
|
172
|
+
align-items: center;
|
|
173
|
+
}
|