decentraland-ui
Version:
Decentraland's UI components and styles
98 lines (97 loc) • 7.09 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ProfileWithBlockieAndContentLinkedToAnotherSite = exports.ProfileWithAvatarAndContentLinkedToAnotherSite = exports.Sizes = exports.SlicedAddress = exports.Decentraland = exports.Inline = exports.TextOnly = exports.ImageOnly = exports.AvatarWithAnUnclaimedName = exports.AvatarWithoutName = exports.Avatar = exports.NoAvatar = void 0;
var react_1 = __importDefault(require("react"));
var avatar_1 = require("../../data/avatar");
var Mana_1 = require("../Mana/Mana");
var Profile_1 = require("./Profile");
require("./Profile.stories.css");
var meta = {
title: 'Profile',
component: Profile_1.Profile
};
exports.default = meta;
exports.NoAvatar = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef" }))); }
};
exports.Avatar = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar }))); }
};
exports.AvatarWithoutName = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: __assign(__assign({}, avatar_1.avatar), { name: null }) }))); }
};
exports.AvatarWithAnUnclaimedName = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: __assign(__assign({}, avatar_1.avatar), { hasClaimedName: false }) }))); }
};
exports.ImageOnly = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, imageOnly: true }))); }
};
exports.TextOnly = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, textOnly: true }))); }
};
exports.Inline = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
"You sent ",
react_1.default.createElement(Mana_1.Mana, { inline: true }, "1,000"),
" to",
' ',
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: true }))); }
};
exports.Decentraland = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
"You sent ",
react_1.default.createElement(Mana_1.Mana, { inline: true }, "1,000"),
" to",
' ',
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: true, isDecentraland: true }))); }
};
exports.SlicedAddress = {
render: function () { return (react_1.default.createElement("div", { className: "ProfileList" },
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 10 }),
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 20 }),
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 30 }),
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 40 }))); }
};
exports.Sizes = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "normal", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "large", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "huge", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "massive", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "normal", imageOnly: true, isDecentraland: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "large", imageOnly: true, isDecentraland: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "huge", imageOnly: true, isDecentraland: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", avatar: avatar_1.avatar, inline: false, size: "massive", imageOnly: true, isDecentraland: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", inline: false, size: "normal", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", inline: false, size: "large", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", inline: false, size: "huge", imageOnly: true }),
react_1.default.createElement(Profile_1.Profile, { address: "0xdeadbeef", inline: false, size: "massive", imageOnly: true }))); }
};
exports.ProfileWithAvatarAndContentLinkedToAnotherSite = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", avatar: avatar_1.avatar, inline: true, as: "a", href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }))); }
};
exports.ProfileWithBlockieAndContentLinkedToAnotherSite = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Profile_1.Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", inline: true, as: 'a', href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }))); }
};