@mezo-org/passport 0.17.0-dev.0 → 0.17.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/src/components/Dropdown/ListingItem.d.ts +4 -2
- package/dist/src/components/Dropdown/ListingItem.d.ts.map +1 -1
- package/dist/src/components/Dropdown/ListingItem.js +7 -4
- package/dist/src/components/Dropdown/ListingItem.js.map +1 -1
- package/dist/src/components/Dropdown/Root/AccountMezoListing.d.ts +4 -0
- package/dist/src/components/Dropdown/Root/AccountMezoListing.d.ts.map +1 -0
- package/dist/src/components/Dropdown/Root/AccountMezoListing.js +30 -0
- package/dist/src/components/Dropdown/Root/AccountMezoListing.js.map +1 -0
- package/dist/src/components/Dropdown/Root/AccountOtherAssets.js +1 -1
- package/dist/src/components/Dropdown/Root/AccountOtherAssets.js.map +1 -1
- package/dist/src/components/Dropdown/Root/Root.d.ts.map +1 -1
- package/dist/src/components/Dropdown/Root/Root.js +2 -0
- package/dist/src/components/Dropdown/Root/Root.js.map +1 -1
- package/dist/src/components/Dropdown/Settings/InlineEditField.d.ts.map +1 -1
- package/dist/src/components/Dropdown/Settings/InlineEditField.js +2 -2
- package/dist/src/components/Dropdown/Settings/InlineEditField.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Dropdown/ListingItem.tsx +23 -4
- package/src/components/Dropdown/Root/AccountMezoListing.tsx +55 -0
- package/src/components/Dropdown/Root/AccountOtherAssets.tsx +1 -1
- package/src/components/Dropdown/Root/Root.tsx +3 -0
- package/src/components/Dropdown/Settings/InlineEditField.tsx +2 -0
|
@@ -4,8 +4,10 @@ type ListingItemProps = {
|
|
|
4
4
|
icon?: ReactNode;
|
|
5
5
|
label?: string;
|
|
6
6
|
subLabel?: string;
|
|
7
|
-
value?: number;
|
|
8
|
-
|
|
7
|
+
value?: number | string;
|
|
8
|
+
valueFormatter?: (value: number | string) => string;
|
|
9
|
+
subValue?: number | string;
|
|
10
|
+
subValueFormatter?: (value: number | string) => string;
|
|
9
11
|
overrides?: BlockProps["overrides"];
|
|
10
12
|
isLoading?: boolean;
|
|
11
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListingItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAIX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwDxC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"ListingItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAIX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwDxC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IACnD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IACtD,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAOD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAgH1D"}
|
|
@@ -21,8 +21,13 @@ function ListingItemLayout(props) {
|
|
|
21
21
|
value && value,
|
|
22
22
|
subValue && subValue)));
|
|
23
23
|
}
|
|
24
|
+
const defaultValueFormatter = (value) => {
|
|
25
|
+
if (typeof value === "string")
|
|
26
|
+
return value;
|
|
27
|
+
return formatUsd(value);
|
|
28
|
+
};
|
|
24
29
|
export default function ListingItem(props) {
|
|
25
|
-
const { icon, label, subLabel, value, subValue, overrides, isLoading = false, } = props;
|
|
30
|
+
const { icon, label, subLabel, value, valueFormatter = defaultValueFormatter, subValue, subValueFormatter = defaultValueFormatter, overrides, isLoading = false, } = props;
|
|
26
31
|
const [, theme] = useStyletron();
|
|
27
32
|
if (isLoading) {
|
|
28
33
|
return (React.createElement(ListingItemLayout, { icon: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale800, height: theme.sizing.scale800 }), label: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale2400, height: theme.sizing.scale600, overrides: {
|
|
@@ -35,8 +40,6 @@ export default function ListingItem(props) {
|
|
|
35
40
|
},
|
|
36
41
|
} }), subValue: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale1600, height: theme.sizing.scale550 }), overrides: overrides }));
|
|
37
42
|
}
|
|
38
|
-
return (React.createElement(ListingItemLayout, { icon: icon, label: React.createElement(LabelMedium, null, label), subLabel: React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary }, subLabel), value: value !== undefined && (React.createElement(LabelMedium, null,
|
|
39
|
-
React.createElement(SlotNumber, { formatFunction: formatUsd }, value))), subValue: subValue !== undefined && (React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary },
|
|
40
|
-
React.createElement(SlotNumber, { formatFunction: formatUsd }, subValue))), overrides: overrides }));
|
|
43
|
+
return (React.createElement(ListingItemLayout, { icon: icon, label: React.createElement(LabelMedium, null, label), subLabel: React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary }, subLabel), value: value !== undefined && (React.createElement(LabelMedium, null, typeof value === "number" ? (React.createElement(SlotNumber, { formatFunction: valueFormatter }, value)) : (valueFormatter(value)))), subValue: subValue !== undefined && (React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary }, typeof subValue === "number" ? (React.createElement(SlotNumber, { formatFunction: subValueFormatter }, subValue)) : (subValueFormatter(subValue)))), overrides: overrides }));
|
|
41
44
|
}
|
|
42
45
|
//# sourceMappingURL=ListingItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListingItem.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,EACL,YAAY,EAEZ,QAAQ,EACR,WAAW,EACX,cAAc,GACf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAUhD,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GACvE,KAAK,CAAA;IACP,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAClC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE,cAAc,CACvB;YACE,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;oBAC1B,SAAS,EAAE,MAAM;iBAClB;aACF;SACF,EACD,SAAS,CACV,KACG,SAAS;QAEZ,IAAI,IAAI,IAAI;QAEb,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY;YACjE,KAAK,IAAI,KAAK;YACd,QAAQ,IAAI,QAAQ,CACf;QAER,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,UAAU,EACrB,UAAU,EAAC,MAAM;YAEhB,KAAK,IAAI,KAAK;YACd,QAAQ,IAAI,QAAQ,CACf,CACF,CACT,CAAA;AACH,CAAC;
|
|
1
|
+
{"version":3,"file":"ListingItem.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountMezoListing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountMezoListing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAA4B,MAAM,qBAAqB,CAAA;AAM1E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,4BA8CpC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MezoCircle, useStyletron } from "@mezo-org/mezo-clay";
|
|
3
|
+
import ListingItem from "../ListingItem";
|
|
4
|
+
import { getAsset } from "../../../utils/assets";
|
|
5
|
+
import { useTokensBalances } from "../../../hooks/useTokensBalances";
|
|
6
|
+
import { formatNumberToCompactString } from "../../../utils/numbers";
|
|
7
|
+
export default function AccountMezoListing(props) {
|
|
8
|
+
const [, theme] = useStyletron();
|
|
9
|
+
const { data: tokensBalancesData, isError: isTokensBalancesError, isPending: isTokensBalancesPending, } = useTokensBalances();
|
|
10
|
+
if (isTokensBalancesPending) {
|
|
11
|
+
return React.createElement(ListingItem, { isLoading: true });
|
|
12
|
+
}
|
|
13
|
+
if (isTokensBalancesError) {
|
|
14
|
+
// TODO: allow to display error state for MEZO balance after MEZO asset is public
|
|
15
|
+
return null; // <AccountError topic="MEZO balance" />
|
|
16
|
+
}
|
|
17
|
+
const mezoBalance = Number(tokensBalancesData.MEZO.formatted);
|
|
18
|
+
if (mezoBalance === 0) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
return (React.createElement(ListingItem, { icon: React.createElement(MezoCircle, { color: theme.colors.accent, symbolColor: theme.colors.white }), label: getAsset("MEZO").name,
|
|
22
|
+
// TODO: example MEZO asset item - update after MEZO asset has price oracle
|
|
23
|
+
// value="N/A"
|
|
24
|
+
// valueFormatter={() => "N/A"}
|
|
25
|
+
// subLabel="Balance"
|
|
26
|
+
// subValue={mezoBalance}
|
|
27
|
+
// subValueFormatter={() => formatNumberToCompactString(mezoBalance)}
|
|
28
|
+
value: mezoBalance, valueFormatter: (value) => formatNumberToCompactString(Number(value)), ...props }));
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=AccountMezoListing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountMezoListing.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountMezoListing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,UAAU,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC1E,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAEpE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAmC;IAEnC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,uBAAuB,GACnC,GAAG,iBAAiB,EAAE,CAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,WAAW,IAAC,SAAS,SAAG,CAAA;IAClC,CAAC;IAED,IAAI,qBAAqB,EAAE,CAAC;QAC1B,iFAAiF;QACjF,OAAO,IAAI,CAAA,CAAC,wCAAwC;IACtD,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAE7D,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EACF,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC1B,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAC/B,EAEJ,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI;QAC5B,2EAA2E;QAC3E,cAAc;QACd,+BAA+B;QAC/B,qBAAqB;QACrB,yBAAyB;QACzB,qEAAqE;QACrE,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE,CAAC,KAAsB,EAAE,EAAE,CACzC,2BAA2B,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAExC,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
|
|
@@ -16,7 +16,7 @@ export default function AccountOtherAssets(props) {
|
|
|
16
16
|
return (React.createElement(AccountError, { topic: "other assets", paddingTop: theme.sizing.scale100, paddingBottom: theme.sizing.scale100, overrides: overrides }));
|
|
17
17
|
}
|
|
18
18
|
const otherAssets = Object.values(tokensBalancesData)
|
|
19
|
-
.filter((asset) => !["BTC", "MUSD"].includes(asset.symbol))
|
|
19
|
+
.filter((asset) => !["BTC", "MUSD", "MEZO"].includes(asset.symbol))
|
|
20
20
|
.filter((asset) => asset.value > 0n);
|
|
21
21
|
const assetsCount = otherAssets.length;
|
|
22
22
|
const totalAssetsInUsd = Number(formatUnits(otherAssets.reduce((total, asset) => total + asset.usd.value, 0n), CONVERSION_RATE_DECIMALS));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountOtherAssets.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountOtherAssets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,cAAc,GAEf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAMlF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAElD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,qBAAqB,GAC/B,GAAG,iBAAiB,EAAE,CAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,WAAW,IAAC,SAAS,QAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IACxD,CAAC;IAED,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;IACH,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;SAClD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountOtherAssets.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountOtherAssets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,cAAc,GAEf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAMlF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAElD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,qBAAqB,GAC/B,GAAG,iBAAiB,EAAE,CAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,WAAW,IAAC,SAAS,QAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IACxD,CAAC;IAED,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;IACH,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;SAClD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAClE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAA;IACtC,MAAM,gBAAgB,GAAG,MAAM,CAC7B,WAAW,CACT,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,EACjE,wBAAwB,CACzB,CACF,CAAA;IAED,IAAI,KAAK,GAAG,iBAAiB,CAAA;IAC7B,IAAI,WAAW,KAAK,CAAC;QAAE,KAAK,GAAG,cAAc,CAAA;IAC7C,IAAI,WAAW,GAAG,CAAC;QAAE,KAAK,GAAG,GAAG,WAAW,cAAc,CAAA;IAEzD,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,GAAI,EAC5D,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,cAAc,CACvB;YACE,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,QAAQ;oBACb,OAAO;iBACR;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE,SAAS;oBACjB,eAAe,EAAE,aAAa;oBAC9B,SAAS,EAAE,MAAM;iBAClB;aACF;SACF,EACD,SAAS,CACV,KACG,SAAS,GACb,CACH,CAAA;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,qBAiF5C"}
|
|
@@ -9,6 +9,7 @@ import AccountAddressActions from "./AccountAddressActions";
|
|
|
9
9
|
import AccountOtherAssets from "./AccountOtherAssets";
|
|
10
10
|
import AccountBtcListing from "./AccountBtcListing";
|
|
11
11
|
import AccountMusdListing from "./AccountMusdListing";
|
|
12
|
+
import AccountMezoListing from "./AccountMezoListing";
|
|
12
13
|
import useDropdownStore, { DropdownView } from "../../../stores/dropdownStore";
|
|
13
14
|
export default function Root(props) {
|
|
14
15
|
const { onSignOut, onOtherAssetsClick } = props;
|
|
@@ -41,6 +42,7 @@ export default function Root(props) {
|
|
|
41
42
|
React.createElement(AccountBalance, { overrides: overridesWithDivider }),
|
|
42
43
|
React.createElement(AccountBtcListing, null),
|
|
43
44
|
React.createElement(AccountMusdListing, null),
|
|
45
|
+
React.createElement(AccountMezoListing, null),
|
|
44
46
|
React.createElement(AccountOtherAssets, { onClick: onOtherAssetsClick, overrides: overridesWithDivider }),
|
|
45
47
|
React.createElement(Block, { display: "flex", alignItems: "center", justifyContent: "space-between", padding: theme.sizing.scale300 },
|
|
46
48
|
React.createElement(Button, { size: "small", shape: "pill", kind: "tertiary", startEnhancer: React.createElement(Settings01, { color: "currentColor", size: 16 }), onClick: handleSettingsClick }, "Settings"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEditField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/InlineEditField.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA4BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"InlineEditField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/InlineEditField.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA4BD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAoKlE"}
|
|
@@ -69,7 +69,7 @@ export default function InlineEditField(props) {
|
|
|
69
69
|
}
|
|
70
70
|
if (isEditing) {
|
|
71
71
|
return (React.createElement(InlineFieldWrapper, { label: label },
|
|
72
|
-
React.createElement(Block, { display: "flex", alignItems: "center", width: "100%", gridGap: "scale300" },
|
|
72
|
+
React.createElement(Block, { display: "flex", alignItems: "center", width: "100%", gridGap: "scale300", height: theme.sizing.scale950 },
|
|
73
73
|
React.createElement(Block, { flex: 1 },
|
|
74
74
|
React.createElement(Input, { value: editValue, onChange: (e) => {
|
|
75
75
|
setEditValue(e.currentTarget.value);
|
|
@@ -81,7 +81,7 @@ export default function InlineEditField(props) {
|
|
|
81
81
|
error && (React.createElement(ParagraphSmall, { color: theme.colors.contentNegative, marginTop: 0, marginBottom: 0 }, error))));
|
|
82
82
|
}
|
|
83
83
|
return (React.createElement(InlineFieldWrapper, { label: label },
|
|
84
|
-
React.createElement(Block, { display: "flex", alignItems: "center", justifyContent: "space-between", onClick: handleEdit, overrides: {
|
|
84
|
+
React.createElement(Block, { display: "flex", alignItems: "center", justifyContent: "space-between", height: theme.sizing.scale950, onClick: handleEdit, overrides: {
|
|
85
85
|
Block: {
|
|
86
86
|
style: {
|
|
87
87
|
cursor: "pointer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEditField.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/InlineEditField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InlineEditField.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/InlineEditField.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -67,19 +67,28 @@ type ListingItemProps = {
|
|
|
67
67
|
icon?: ReactNode
|
|
68
68
|
label?: string
|
|
69
69
|
subLabel?: string
|
|
70
|
-
value?: number
|
|
71
|
-
|
|
70
|
+
value?: number | string
|
|
71
|
+
valueFormatter?: (value: number | string) => string
|
|
72
|
+
subValue?: number | string
|
|
73
|
+
subValueFormatter?: (value: number | string) => string
|
|
72
74
|
overrides?: BlockProps["overrides"]
|
|
73
75
|
isLoading?: boolean
|
|
74
76
|
}
|
|
75
77
|
|
|
78
|
+
const defaultValueFormatter = (value: number | string): string => {
|
|
79
|
+
if (typeof value === "string") return value
|
|
80
|
+
return formatUsd(value)
|
|
81
|
+
}
|
|
82
|
+
|
|
76
83
|
export default function ListingItem(props: ListingItemProps) {
|
|
77
84
|
const {
|
|
78
85
|
icon,
|
|
79
86
|
label,
|
|
80
87
|
subLabel,
|
|
81
88
|
value,
|
|
89
|
+
valueFormatter = defaultValueFormatter,
|
|
82
90
|
subValue,
|
|
91
|
+
subValueFormatter = defaultValueFormatter,
|
|
83
92
|
overrides,
|
|
84
93
|
isLoading = false,
|
|
85
94
|
} = props
|
|
@@ -155,7 +164,11 @@ export default function ListingItem(props: ListingItemProps) {
|
|
|
155
164
|
value={
|
|
156
165
|
value !== undefined && (
|
|
157
166
|
<LabelMedium>
|
|
158
|
-
|
|
167
|
+
{typeof value === "number" ? (
|
|
168
|
+
<SlotNumber formatFunction={valueFormatter}>{value}</SlotNumber>
|
|
169
|
+
) : (
|
|
170
|
+
valueFormatter(value)
|
|
171
|
+
)}
|
|
159
172
|
</LabelMedium>
|
|
160
173
|
)
|
|
161
174
|
}
|
|
@@ -166,7 +179,13 @@ export default function ListingItem(props: ListingItemProps) {
|
|
|
166
179
|
as="div"
|
|
167
180
|
color={theme.colors.contentSecondary}
|
|
168
181
|
>
|
|
169
|
-
|
|
182
|
+
{typeof subValue === "number" ? (
|
|
183
|
+
<SlotNumber formatFunction={subValueFormatter}>
|
|
184
|
+
{subValue}
|
|
185
|
+
</SlotNumber>
|
|
186
|
+
) : (
|
|
187
|
+
subValueFormatter(subValue)
|
|
188
|
+
)}
|
|
170
189
|
</ParagraphSmall>
|
|
171
190
|
)
|
|
172
191
|
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from "react"
|
|
2
|
+
import { BlockProps, MezoCircle, useStyletron } from "@mezo-org/mezo-clay"
|
|
3
|
+
import ListingItem from "../ListingItem"
|
|
4
|
+
import { getAsset } from "../../../utils/assets"
|
|
5
|
+
import { useTokensBalances } from "../../../hooks/useTokensBalances"
|
|
6
|
+
import { formatNumberToCompactString } from "../../../utils/numbers"
|
|
7
|
+
|
|
8
|
+
export default function AccountMezoListing(
|
|
9
|
+
props: Omit<BlockProps, "children">,
|
|
10
|
+
) {
|
|
11
|
+
const [, theme] = useStyletron()
|
|
12
|
+
const {
|
|
13
|
+
data: tokensBalancesData,
|
|
14
|
+
isError: isTokensBalancesError,
|
|
15
|
+
isPending: isTokensBalancesPending,
|
|
16
|
+
} = useTokensBalances()
|
|
17
|
+
|
|
18
|
+
if (isTokensBalancesPending) {
|
|
19
|
+
return <ListingItem isLoading />
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if (isTokensBalancesError) {
|
|
23
|
+
// TODO: allow to display error state for MEZO balance after MEZO asset is public
|
|
24
|
+
return null // <AccountError topic="MEZO balance" />
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const mezoBalance = Number(tokensBalancesData.MEZO.formatted)
|
|
28
|
+
|
|
29
|
+
if (mezoBalance === 0) {
|
|
30
|
+
return null
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
return (
|
|
34
|
+
<ListingItem
|
|
35
|
+
icon={
|
|
36
|
+
<MezoCircle
|
|
37
|
+
color={theme.colors.accent}
|
|
38
|
+
symbolColor={theme.colors.white}
|
|
39
|
+
/>
|
|
40
|
+
}
|
|
41
|
+
label={getAsset("MEZO").name}
|
|
42
|
+
// TODO: example MEZO asset item - update after MEZO asset has price oracle
|
|
43
|
+
// value="N/A"
|
|
44
|
+
// valueFormatter={() => "N/A"}
|
|
45
|
+
// subLabel="Balance"
|
|
46
|
+
// subValue={mezoBalance}
|
|
47
|
+
// subValueFormatter={() => formatNumberToCompactString(mezoBalance)}
|
|
48
|
+
value={mezoBalance}
|
|
49
|
+
valueFormatter={(value: number | string) =>
|
|
50
|
+
formatNumberToCompactString(Number(value))
|
|
51
|
+
}
|
|
52
|
+
{...props}
|
|
53
|
+
/>
|
|
54
|
+
)
|
|
55
|
+
}
|
|
@@ -42,7 +42,7 @@ export default function AccountOtherAssets(props: AccountOtherAssetsProps) {
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
const otherAssets = Object.values(tokensBalancesData)
|
|
45
|
-
.filter((asset) => !["BTC", "MUSD"].includes(asset.symbol))
|
|
45
|
+
.filter((asset) => !["BTC", "MUSD", "MEZO"].includes(asset.symbol))
|
|
46
46
|
.filter((asset) => asset.value > 0n)
|
|
47
47
|
|
|
48
48
|
const assetsCount = otherAssets.length
|
|
@@ -15,6 +15,7 @@ import AccountAddressActions from "./AccountAddressActions"
|
|
|
15
15
|
import AccountOtherAssets from "./AccountOtherAssets"
|
|
16
16
|
import AccountBtcListing from "./AccountBtcListing"
|
|
17
17
|
import AccountMusdListing from "./AccountMusdListing"
|
|
18
|
+
import AccountMezoListing from "./AccountMezoListing"
|
|
18
19
|
import useDropdownStore, { DropdownView } from "../../../stores/dropdownStore"
|
|
19
20
|
|
|
20
21
|
type RootProps = {
|
|
@@ -69,6 +70,8 @@ export default function Root(props: RootProps) {
|
|
|
69
70
|
|
|
70
71
|
<AccountMusdListing />
|
|
71
72
|
|
|
73
|
+
<AccountMezoListing />
|
|
74
|
+
|
|
72
75
|
<AccountOtherAssets
|
|
73
76
|
onClick={onOtherAssetsClick}
|
|
74
77
|
overrides={overridesWithDivider}
|
|
@@ -126,6 +126,7 @@ export default function InlineEditField(props: InlineEditFieldProps) {
|
|
|
126
126
|
alignItems="center"
|
|
127
127
|
width="100%"
|
|
128
128
|
gridGap="scale300"
|
|
129
|
+
height={theme.sizing.scale950}
|
|
129
130
|
>
|
|
130
131
|
<Block flex={1}>
|
|
131
132
|
<Input
|
|
@@ -186,6 +187,7 @@ export default function InlineEditField(props: InlineEditFieldProps) {
|
|
|
186
187
|
display="flex"
|
|
187
188
|
alignItems="center"
|
|
188
189
|
justifyContent="space-between"
|
|
190
|
+
height={theme.sizing.scale950}
|
|
189
191
|
onClick={handleEdit}
|
|
190
192
|
overrides={{
|
|
191
193
|
Block: {
|