10 |
12 | );
13 | };
14 |
15 | CircularProgress.propTypes = {
16 | className: PropTypes.string,
17 | };
18 |
19 | export default CircularProgress;
20 |
--------------------------------------------------------------------------------
/src/components/CopyButton/TextButton.js:
--------------------------------------------------------------------------------
1 | import { Button, Tooltip } from '@mui/material';
2 | import * as PropTypes from 'prop-types';
3 | import React from 'react';
4 | import './index.css';
5 |
6 | const CopyButton = (props) => {
7 | const [open, setOpen] = React.useState(false);
8 |
9 | const handleClose = () => {
10 | setOpen(false);
11 | };
12 |
13 | const handleCopy = (e) => {
14 | navigator.clipboard.writeText(props.data);
15 |
16 | e.stopPropagation();
17 | setOpen(true);
18 | setTimeout(handleClose, 1000);
19 | };
20 |
21 | return (
22 |
7 |
8 |
9 |
10 |
11 | );
12 | };
13 |
14 | export default DotsLoading;
15 |
--------------------------------------------------------------------------------
/src/components/Icon.js:
--------------------------------------------------------------------------------
1 | import * as PropTypes from 'prop-types';
2 | import React from 'react';
3 | import icons from '../assets/icons.svg';
4 |
5 | const Icon = (props) => {
6 | return (
7 |
12 | );
13 | };
14 |
15 | Icon.propTypes = {
16 | className: PropTypes.string.isRequired,
17 | icon: PropTypes.string.isRequired,
18 | };
19 |
20 | export default Icon;
21 |
--------------------------------------------------------------------------------
/src/components/ImageOnLoad/VideoOnLoad.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import * as PropTypes from 'prop-types';
3 | import ClassNames from 'classnames';
4 | import thumbnail from '../../assets/thumbnail.svg';
5 |
6 | const VideoOnLoad = (props) => {
7 | const [poster, setPoster] = React.useState(null);
8 |
9 | React.useEffect(() => {
10 | setPoster(null);
11 | if (props.preview) {
12 | const image = new Image();
13 | image.onload = () => {
14 | setPoster(props.preview);
15 | };
16 | image.src = props.preview;
17 | }
18 | }, [props.preview]);
19 |
20 | if (poster) {
21 | return (
22 |
28 | );
29 | }
30 |
31 | return (
32 |
38 | );
39 | };
40 |
41 | VideoOnLoad.propTypes = {
42 | className: PropTypes.string,
43 | preview: PropTypes.string,
44 | src: PropTypes.string,
45 | type: PropTypes.string,
46 | };
47 |
48 | export default VideoOnLoad;
49 |
--------------------------------------------------------------------------------
/src/components/ImageOnLoad/index.css:
--------------------------------------------------------------------------------
1 | .dummy_image {
2 | background-size: cover;
3 | }
4 |
--------------------------------------------------------------------------------
/src/components/NetworkImages/ImagesOptions.js:
--------------------------------------------------------------------------------
1 | import { ReactComponent as FlixLogo } from '../../assets/tokens/flix.svg';
2 | import { ReactComponent as DVPNLogo } from '../../assets/tokens/dvpn.svg';
3 | import { ReactComponent as ATOMLogo } from '../../assets/tokens/atom.svg';
4 | import { ReactComponent as JUNOLogo } from '../../assets/tokens/juno.svg';
5 | import { ReactComponent as SPAYLogo } from '../../assets/tokens/spay.svg';
6 | import { ReactComponent as AKTLogo } from '../../assets/tokens/akash.svg';
7 | import { ReactComponent as HUAHUALogo } from '../../assets/tokens/chihuahua.svg';
8 | import { ReactComponent as CROLogo } from '../../assets/tokens/crypto.com.svg';
9 | import { ReactComponent as GRAVITONLogo } from '../../assets/tokens/gravityBridge.svg';
10 | import { ReactComponent as KILogo } from '../../assets/tokens/KI.svg';
11 | import { ReactComponent as LIKELogo } from '../../assets/tokens/like.svg';
12 | import { ReactComponent as OSMOLogo } from '../../assets/tokens/osmosis.svg';
13 | import { ReactComponent as ROWANLogo } from '../../assets/tokens/sifchain.svg';
14 | import starsToken from '../../assets/tokens/stargaze.png';
15 | import { ReactComponent as LUNALogo } from '../../assets/tokens/terra.svg';
16 | import React from 'react';
17 |
18 | export const images = [{
19 | name: 'AKT',
20 | image:
8 | 
9 |
10 | );
11 | };
12 |
13 | export default ComingSoon;
14 |
--------------------------------------------------------------------------------
/src/components/NoData/index.css:
--------------------------------------------------------------------------------
1 | .no_data {
2 | width: 100%;
3 | height: 200px;
4 | display: flex;
5 | align-items: center;
6 | justify-content: center;
7 | }
8 |
9 | .no_data > img {
10 | width: 200px;
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/NoData/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './index.css';
3 |
4 | const NoData = () => {
5 | return (
6 |
7 |
9 | );
10 | };
11 |
12 | export default NoData;
13 |
--------------------------------------------------------------------------------
/src/components/Player/Controls/BackButton.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { IconButton } from '@material-ui/core';
3 | import Icon from '../../../components/Icon';
4 | import * as PropTypes from 'prop-types';
5 |
6 | const BackButton = (props) => {
7 | const handleBack = () => {
8 | props.player.currentTime(props.player.currentTime() - 5);
9 | };
10 |
11 | return (
12 | No Data
8 |
13 |
19 | );
20 | }
21 | }
22 |
23 | Player.propTypes = {
24 | initializePlayer: PropTypes.func.isRequired,
25 | children: PropTypes.any,
26 | };
27 |
28 | export default Player;
29 |
--------------------------------------------------------------------------------
/src/components/QRModal/index.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {Modal} from "./modal";
3 | // @ts-ignore
4 | import ReactDom from "react-dom";
5 |
6 | export class CosmostationWCModal {
7 | open(uri: string, cb: any) {
8 | const wrapper = document.createElement("div");
9 | wrapper.setAttribute("id", "cosmostation-wc-QRModal");
10 | document.body.appendChild(wrapper);
11 |
12 | ReactDom.render(
13 |
8 |
25 | );
26 | };
27 |
28 | export default CollectionSkeletonLoader;
29 |
--------------------------------------------------------------------------------
/src/components/SkeletonLoader/CollectionTable/Image.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../index.css';
3 | import Skeleton from '@mui/material/Skeleton';
4 |
5 | const ImageSkeletonLoader = () => {
6 | return (
7 |
13 |
24 |
9 |
20 | );
21 | };
22 |
23 | export default MyAccountSkeletonLoader;
24 |
--------------------------------------------------------------------------------
/src/components/SkeletonLoader/NFTCard/index.css:
--------------------------------------------------------------------------------
1 | .nft_card_skeleton .section1 {
2 | display: flex;
3 | margin-bottom: 10px;
4 | padding: 0;
5 | justify-content: flex-start;
6 | }
7 |
8 | .nft_card_skeleton .section1 .skeleton_loader {
9 | width: 60px;
10 | height: 24px;
11 | margin-right: 5px;
12 | border-radius: 20px;
13 | transform: unset;
14 | }
15 |
16 | .nft_card_skeleton .list_section4 .skeleton_loader {
17 | transform: unset;
18 | }
19 |
--------------------------------------------------------------------------------
/src/components/SkeletonLoader/NFTCard/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../index.css';
3 | import './index.css';
4 | import Skeleton from '@mui/material/Skeleton';
5 |
6 | const NFTCardSkeletonLoader = () => {
7 | return (
8 |
9 |
49 | );
50 | };
51 |
52 | export default NFTCardSkeletonLoader;
53 |
--------------------------------------------------------------------------------
/src/components/SkeletonLoader/ProfileSkeletonLoader.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './index.css';
3 | import Skeleton from '@mui/material/Skeleton';
4 |
5 | const ProfileSkeletonLoader = () => {
6 | return (
7 |
10 |
15 |
21 |
22 |
27 |
40 |
41 |
28 |
34 |
42 |
48 |
8 |
13 |
14 | );
15 | };
16 |
17 | export default ProfileSkeletonLoader;
18 |
--------------------------------------------------------------------------------
/src/components/SkeletonLoader/SingleAsset/ImageSkeletonLoader.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../index.css';
3 | import './index.css';
4 | import Skeleton from '@mui/material/Skeleton';
5 |
6 | const ImageSkeletonLoader = () => {
7 | return (
8 |
21 |
48 | );
49 | };
50 |
51 | export default Listings;
52 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/MoreInfo/Offers.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from '@mui/material';
3 |
4 | const Offers = () => {
5 | const data = [{
6 | price: '5500',
7 | expiration: '3 hours',
8 | address: 'omniflix1jpudqpydw26r3297dlaj3whecvatyayklk4k9e',
9 | }, {
10 | price: '6900',
11 | expiration: 'Expired',
12 | address: 'omniflix1jpudqpydw26r3297dlaj3whecvatyayklk4k9e',
13 | }, {
14 | price: '6900',
15 | expiration: 'Expired',
16 | address: 'omniflix1jpudqpydw26r3297dlaj3whecvatyayklk4k9e',
17 | }];
18 |
19 | return (
20 |
22 | Listing Price
23 | Expiration
24 | From
25 | Action
26 |
27 |
28 | {
29 | data.map((item, index) => (
30 |
47 |
31 |
44 | ))
45 | }
46 |
32 | {item.price}
33 | FLIX
34 |
35 | {item.expiration}
36 |
37 |
40 |
43 | {item.address}
38 | {item.address.slice(item.address.length - 4, item.address.length)} 39 |
21 |
48 | );
49 | };
50 |
51 | export default Offers;
52 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/PlaceBid/PlaceBidDialog/index.css:
--------------------------------------------------------------------------------
1 | .buy_nft_dialog .bid_nft {
2 | background-image: none;
3 | }
4 |
5 | .bid_nft_section {
6 | margin-top: 50px;
7 | }
8 |
9 | .bid_nft_section .bid_nft_section1 {
10 | font-family: 'Work Sans', sans-serif;
11 | font-weight: 500;
12 | font-size: 20px;
13 | line-height: 23px;
14 | color: #FFFFFF;
15 | text-align: left;
16 | margin-bottom: 15px;
17 | display: flex;
18 | align-items: center;
19 | justify-content: space-between;
20 | }
21 |
22 | .bid_nft_section .bid_nft_section1 .balance {
23 | font-family: 'Work Sans', sans-serif;
24 | font-weight: 600;
25 | font-size: 14px;
26 | line-height: 16px;
27 | color: #1DA1F2;
28 | }
29 |
30 | .bid_nft_section .amount_field {
31 | width: 100%;
32 | }
33 |
34 | .bid_nft_section .amount_field > div > div:nth-child(1) {
35 | margin: 0 !important;
36 | }
37 |
38 | .bid_nft_section .amount_field .token_start {
39 | font-family: 'Work Sans', sans-serif;
40 | font-size: 20px;
41 | line-height: 23px;
42 | color: #FFFFFF;
43 | margin-left: 10px;
44 | border-right: 1px solid #fff;
45 | padding-right: 20px;
46 | }
47 |
48 | .bid_nft_section .amount_field .amount_end {
49 | font-family: 'Work Sans', sans-serif;
50 | font-size: 14px;
51 | line-height: 16px;
52 | color: #1DA1F2;
53 | cursor: pointer;
54 | }
55 |
56 | .bid_nft_section .amount_field input {
57 | font-family: 'Work Sans', sans-serif;
58 | font-size: 20px;
59 | line-height: 23px;
60 | color: #FFFFFF;
61 | }
62 |
63 | .bid_nft_dialog .delist_dialog_action .delist_confirm {
64 | color: #000000 !important;
65 | }
66 |
67 | .bid_nft_dialog .delist_dialog_action {
68 | justify-content: center;
69 | }
70 |
71 | .bid_nft_section .bid_nft_section2 {
72 | display: flex;
73 | justify-content: flex-end;
74 | }
75 |
76 | .bid_nft_section .bid_nft_section2 .min_bid {
77 | font-family: 'Work Sans', sans-serif;
78 | font-weight: 500;
79 | font-size: 14px;
80 | line-height: 16px;
81 | background: linear-gradient(91.79deg, #FAC01E 3.15%, #FC762A 85.66%);
82 | -webkit-background-clip: text;
83 | -webkit-text-fill-color: transparent;
84 | margin-top: 10px;
85 | }
86 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/PlaceBid/index.css:
--------------------------------------------------------------------------------
1 | .place_bid_div {
2 | display: flex;
3 | flex-direction: column;
4 | width: 100%;
5 | }
6 |
7 | .purchase_card .place_bid_div .purchase_license {
8 | margin: 0 0 10px 0;
9 | }
10 |
11 | .place_bid_div .counter {
12 | font-family: 'Inter', sans-serif;
13 | font-weight: 600;
14 | font-size: 14px;
15 | line-height: 17px;
16 | font-feature-settings: 'zero' on;
17 | color: #939393;
18 | }
19 |
20 | .place_bid_div .counter > span {
21 | color: #FFFFFF;
22 | }
23 |
24 | .place_bid_tooltip {
25 | width: 100%;
26 | }
27 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/PurchaseCard/PurchaseTab.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from '@mui/material';
3 |
4 | class PurchaseTab extends React.Component {
5 | constructor (props) {
6 | super(props);
7 | this.state = {
8 | activePurchase: 'ownership',
9 | };
10 |
11 | this.handleChange = this.handleChange.bind(this);
12 | }
13 |
14 | handleChange (event, value) {
15 | this.setState({
16 | activePurchase: value,
17 | });
18 | }
19 |
20 | render () {
21 | return (
22 |
22 | From
23 | Expiration
24 | Price
25 | Action
26 |
27 |
28 | {
29 | data.map((item, index) => (
30 |
47 |
31 |
44 | ))
45 | }
46 |
32 |
35 | {item.address}
33 | {item.address.slice(item.address.length - 4, item.address.length)} 34 | {item.expiration}
36 |
37 | {item.price}
38 | FLIX
39 |
40 |
43 |
23 | {/* */}
30 | {/* */}
37 |
44 | {/* */}
51 |
52 | );
53 | }
54 | }
55 |
56 | export default PurchaseTab;
57 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/PurchaseCard/ValidityTab.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from '@mui/material';
3 |
4 | class ValidityTab extends React.Component {
5 | constructor (props) {
6 | super(props);
7 | this.state = {
8 | activeValidity: '1year',
9 | };
10 |
11 | this.handleChange = this.handleChange.bind(this);
12 | }
13 |
14 | handleChange (event, value) {
15 | this.setState({
16 | activeValidity: value,
17 | });
18 | }
19 |
20 | render () {
21 | return (
22 |
23 |
30 |
37 |
44 |
45 | );
46 | }
47 | }
48 |
49 | export default ValidityTab;
50 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/TransferSell/ListDialog/ChoosePrice/PriceTextField.js:
--------------------------------------------------------------------------------
1 | import * as PropTypes from 'prop-types';
2 | import React from 'react';
3 | import { connect } from 'react-redux';
4 | import TextField from '../../../../../../components/TextField';
5 | import variables from '../../../../../../utils/variables';
6 | import { setSellTokenPrice } from '../../../../../../actions/marketplace';
7 |
8 | const PriceTextField = (props) => {
9 | const handleChange = (value) => {
10 | if (Number(value) > 0 || value === '') {
11 | if (value === '') {
12 | props.onChange('');
13 | return;
14 | }
15 |
16 | props.onChange(value);
17 | }
18 | };
19 |
20 | return (
21 |
9 |
12 | );
13 | };
14 |
15 | export default ChoosePrice;
16 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/TransferSell/ListDialog/ListingTabs.js:
--------------------------------------------------------------------------------
1 | import { Tab, Tabs } from '@material-ui/core';
2 | import variables from '../../../../../utils/variables';
3 | import React from 'react';
4 | import * as PropTypes from 'prop-types';
5 | import { connect } from 'react-redux';
6 |
7 | class ListingTabs extends React.Component {
8 | render () {
9 | return (
10 | {variables[this.props.lang]['timed_auction']}
21 | {/* ({variables[this.props.lang]['coming_soon']}) */} 22 | } 23 | value="timed-auction" 24 | onClick={() => this.props.handleChange('timed-auction')}/> 25 |
9 |
12 | );
13 | };
14 |
15 | export default MinBidPrice;
16 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/ActiveCard/TransferSell/ListDialog/TimedAuction/WhiteListSwitch.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Switch from '@material-ui/core/Switch';
3 | import * as PropTypes from 'prop-types';
4 | import { connect } from 'react-redux';
5 | import { makeStyles } from '@material-ui/core';
6 | import { setWhiteListSwitch } from '../../../../../../actions/marketplace';
7 |
8 | const useStyles = makeStyles(() => ({
9 | root: {
10 | '& .MuiSwitch-switchBase.Mui-checked': {
11 | color: '#FAC01E',
12 | '& + .MuiSwitch-track': {
13 | background: 'linear-gradient(91.79deg, #FAC01E 3.15%, #FC762A 85.66%)',
14 | },
15 | },
16 | },
17 | switchBase: {
18 | color: '#696969',
19 | },
20 | track: {
21 | background: '#555555',
22 | },
23 | }));
24 |
25 | const WhiteListSwitch = (props) => {
26 | const handleChange = (event) => {
27 | props.onChange(event.target.checked);
28 | };
29 |
30 | return (
31 |
19 |
31 | );
32 | }
33 | }
34 |
35 | Filters.propTypes = {
36 | filterShow: PropTypes.bool.isRequired,
37 | hideFilters: PropTypes.func.isRequired,
38 | ibcTokensListInProgress: PropTypes.bool.isRequired,
39 | lang: PropTypes.string.isRequired,
40 | };
41 |
42 | const stateToProps = (state) => {
43 | return {
44 | filterShow: state.auctions.filters.showLA,
45 | lang: state.language,
46 | ibcTokensListInProgress: state.marketplace.ibcTokensList.inProgress,
47 | };
48 | };
49 |
50 | const actionToProps = {
51 | hideFilters: hideListingAuctionFilters,
52 | };
53 |
54 | export default connect(stateToProps, actionToProps)(Filters);
55 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/Auctions/List.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import * as PropTypes from 'prop-types';
3 | import { connect } from 'react-redux';
4 | import { withRouter } from 'react-router';
5 | import Card from './Card';
6 | import { hideListingAuctionFilters } from '../../../actions/auctions/filters';
7 |
8 | const AuctionsList = (props) => {
9 | return (
10 | <>
11 | {props.auctionListings.map((item, index) => {
12 | return
20 |
22 |
24 |
25 | {variables[this.props.lang].filters}
21 |
24 |
41 | );
42 | }
43 | }
44 |
45 | Filters.propTypes = {
46 | filterShow: PropTypes.bool.isRequired,
47 | hideFilters: PropTypes.func.isRequired,
48 | ibcTokensListInProgress: PropTypes.bool.isRequired,
49 | lang: PropTypes.string.isRequired,
50 | };
51 |
52 | const stateToProps = (state) => {
53 | return {
54 | filterShow: state.filters.show,
55 | lang: state.language,
56 | ibcTokensListInProgress: state.marketplace.ibcTokensList.inProgress,
57 | };
58 | };
59 |
60 | const actionToProps = {
61 | hideFilters,
62 | };
63 |
64 | export default connect(stateToProps, actionToProps)(Filters);
65 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/MenuPopover/index.css:
--------------------------------------------------------------------------------
1 | .menu_popover > div:nth-child(3) {
2 | background: #23282C;
3 | border: 1px solid #22272B;
4 | border-radius: 10px;
5 | }
6 |
7 | .menu_popover .menu_list {
8 | width: 160px;
9 | display: flex;
10 | align-items: center;
11 | justify-content: center;
12 | flex-direction: column;
13 | }
14 |
15 | .menu_popover .menu_list button {
16 | font-family: 'Work Sans', sans-serif;
17 | font-style: normal;
18 | font-weight: 500;
19 | font-size: 18px;
20 | line-height: 21px;
21 | letter-spacing: 0.005em;
22 | color: #969696;
23 | border-bottom: 1px solid #3E5364;
24 | border-radius: 0;
25 | padding: 12px 10px;
26 | width: 100%;
27 | text-transform: capitalize;
28 | }
29 |
30 | .menu_popover .menu_list button:last-child {
31 | border: none;
32 | }
33 |
--------------------------------------------------------------------------------
/src/containers/MarketPlace/MenuPopover/index.js:
--------------------------------------------------------------------------------
1 | import { Button, Popover } from '@mui/material';
2 | import React from 'react';
3 | import * as PropTypes from 'prop-types';
4 | import { connect } from 'react-redux';
5 | import { hideMenuPopover, showBurnDialog } from '../../../actions/marketplace';
6 | import variables from '../../../utils/variables';
7 | import './index.css';
8 |
9 | const MenuPopover = (props) => {
10 | const open = Boolean(props.anchorEl);
11 | const id = open ? 'simple-popover' : undefined;
12 |
13 | const handleBurn = () => {
14 | props.hideMenuPopover();
15 | props.showBurnDialog(props.asset);
16 | };
17 |
18 | return (
19 |
25 |
27 |
29 |
30 | {variables[this.props.lang].filters}
26 |
34 |
37 |
38 |
17 |
23 |
29 |
35 |
36 | );
37 | };
38 |
39 | Tabs.propTypes = {
40 | hideActiveCard: PropTypes.func.isRequired,
41 | lang: PropTypes.string.isRequired,
42 | statsData: PropTypes.object.isRequired,
43 | value: PropTypes.string.isRequired,
44 | onClick: PropTypes.func.isRequired,
45 | auctionListingsTotal: PropTypes.number,
46 | listingsTotal: PropTypes.number,
47 | };
48 |
49 | const stateToProps = (state) => {
50 | return {
51 | lang: state.language,
52 | value: state.marketplace.marketPlaceTab.value,
53 | listingsTotal: state.marketplace.listings.total,
54 | auctionListingsTotal: state.auctions.auctionListings.total,
55 | };
56 | };
57 |
58 | const actionsToProps = {
59 | hideActiveCard,
60 | };
61 |
62 | export default connect(stateToProps, actionsToProps)(Tabs);
63 |
--------------------------------------------------------------------------------
/src/containers/MyAccount/IBCTokens/AmountValueTextField.js:
--------------------------------------------------------------------------------
1 | import * as PropTypes from 'prop-types';
2 | import React from 'react';
3 | import { connect } from 'react-redux';
4 | import TextField from '../../../components/TextField';
5 | // import variables from '../../../utils/variables';
6 | import { InputAdornment } from '@mui/material';
7 | import { setAmountValue } from '../../../actions/myAccount';
8 | import NetworkImages from '../../../components/NetworkImages';
9 |
10 | const AmountValueTextField = (props) => {
11 | const handleChange = (value) => {
12 | props.onChange(value);
13 | };
14 |
15 | return (
16 |
32 |
33 |
35 |
49 | handleRedirect(appsLinks.STUDIO)}>
50 |
53 |
54 | handleRedirect(appsLinks.IN_SYNC)}>
55 |
58 |
59 | handleRedirect(appsLinks.TV)}>
60 |
63 |
64 |
65 |
66 | );
67 | };
68 |
69 | export default AppsPopover;
70 |
--------------------------------------------------------------------------------
/src/containers/NavBar/ConnectButton.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from '@mui/material';
3 | import * as PropTypes from 'prop-types';
4 | import { connect } from 'react-redux';
5 | import variables from '../../utils/variables';
6 | import walletIcon from '../../assets/navbar/wallet.svg';
7 | import { showConnectDialog } from '../../actions/navbar';
8 |
9 | const ConnectButton = (props) => {
10 | return (
11 |
15 | );
16 | };
17 |
18 | ConnectButton.propTypes = {
19 | lang: PropTypes.string.isRequired,
20 | showConnectDialog: PropTypes.func.isRequired,
21 | };
22 |
23 | const stateToProps = (state) => {
24 | return {
25 | lang: state.language,
26 | };
27 | };
28 |
29 | const actionToProps = {
30 | showConnectDialog,
31 | };
32 |
33 | export default connect(stateToProps, actionToProps)(ConnectButton);
34 |
--------------------------------------------------------------------------------
/src/containers/NavBar/ConnectDialog/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import * as PropTypes from 'prop-types';
3 | import { Dialog } from '@material-ui/core';
4 | import variables from '../../../utils/variables';
5 | import { connect } from 'react-redux';
6 | import './index.css';
7 | import { hideConnectDialog } from '../../../actions/navbar';
8 | import KeplrButton from './KeplrButton';
9 | // import WalletConnectButton from './WalletConnectButton';
10 |
11 | const ConnectDialog = (props) => {
12 | return (
13 |
27 | );
28 | };
29 |
30 | ConnectDialog.propTypes = {
31 | handleClose: PropTypes.func.isRequired,
32 | lang: PropTypes.string.isRequired,
33 | open: PropTypes.bool.isRequired,
34 | };
35 |
36 | const stateToProps = (state) => {
37 | return {
38 | lang: state.language,
39 | open: state.navbar.connectDialog,
40 | };
41 | };
42 |
43 | const actionToProps = {
44 | handleClose: hideConnectDialog,
45 | };
46 |
47 | export default connect(stateToProps, actionToProps)(ConnectDialog);
48 |
--------------------------------------------------------------------------------
/src/containers/NavBar/ExpansionButton.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import * as PropTypes from 'prop-types';
3 | import { connect } from 'react-redux';
4 | import { Button } from '@material-ui/core';
5 | import { Menu } from '@material-ui/icons';
6 | import { showSideBar } from '../../actions/navbar';
7 |
8 | const ExpansionButton = (props) => {
9 | const handleOpen = () => {
10 | props.showSideBar();
11 |
12 | document.body.style.overflow = 'hidden';
13 | };
14 |
15 | return (
16 |
23 | );
24 | };
25 |
26 | ExpansionButton.propTypes = {
27 | showSideBar: PropTypes.func.isRequired,
28 | };
29 |
30 | const actionToProps = {
31 | showSideBar,
32 | };
33 |
34 | export default connect(null, actionToProps)(ExpansionButton);
35 |
--------------------------------------------------------------------------------
/src/containers/SingleAsset/Breadcrumb/index.css:
--------------------------------------------------------------------------------
1 | /* Breadcrumb CSS */
2 | .breadcrumb {
3 | display: flex;
4 | align-items: center;
5 | font-family: 'Rubik', sans-serif;
6 | font-weight: 500;
7 | font-size: 20px;
8 | line-height: 24px;
9 | color: #FFFFFF;
10 | flex-wrap: wrap;
11 | margin-bottom: 20px;
12 | }
13 |
14 | .breadcrumb .home_icon svg {
15 | width: 15px;
16 | height: auto;
17 | }
18 |
19 | .breadcrumb .slash {
20 | margin: 0 8px;
21 | }
22 |
23 | .breadcrumb_collection,
24 | .home_icon {
25 | cursor: pointer;
26 | position: relative;
27 | }
28 |
29 | .home_icon img {
30 | width: 20px;
31 | }
32 |
33 | .breadcrumb_collection:hover:after {
34 | content: "";
35 | width: 100%;
36 | position: absolute;
37 | left: 0;
38 | bottom: 0;
39 | border-width: 0 0 1px;
40 | border-style: solid;
41 | }
42 |
43 | /*.home_icon:hover:after {*/
44 | /* content: '';*/
45 |
46 | /* width: 100%;*/
47 | /* position: absolute;*/
48 | /* left: 0;*/
49 | /* bottom: -3px;*/
50 |
51 | /* border-width: 0 0 1px;*/
52 | /* border-style: solid;*/
53 | /*}*/
54 |
55 | .breadcrumb > div {
56 | text-align: left;
57 | word-break: break-word;
58 | font-family: 'Source Sans Pro', sans-serif;
59 | font-weight: 500;
60 | font-size: 20px;
61 | line-height: 30px;
62 | display: flex;
63 | align-items: center;
64 | color: #F2F2F2;
65 | }
66 |
67 | .breadcrumb > span {
68 | color: #F2F2F2;
69 | }
70 |
71 | .breadcrumb > div .icon {
72 | width: 20px;
73 | }
74 |
75 | .breadcrumb > div:first-child {
76 | cursor: pointer;
77 | margin-left: unset;
78 | }
79 |
--------------------------------------------------------------------------------
/src/containers/SingleAsset/Controls.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import './index.css';
3 | import { connect } from 'react-redux';
4 | import * as PropTypes from 'prop-types';
5 | import BackButton from '../../components/Player/Controls/BackButton';
6 | import PlayButton from '../../components/Player/Controls/PlayButton';
7 | import ForwardButton from '../../components/Player/Controls/ForwardButton';
8 | import VolumeButton from '../../components/Player/Controls/VolumeButton';
9 |
10 | const Controls = (props) => {
11 | return (
12 |
13 |
14 |
15 |
16 |
17 |
18 | );
19 | };
20 |
21 | Controls.propTypes = {
22 | player: PropTypes.object,
23 | };
24 |
25 | const stateToProps = (state) => {
26 | return {
27 | player: state.marketplace.player,
28 | };
29 | };
30 |
31 | export default connect(stateToProps)(Controls);
32 |
--------------------------------------------------------------------------------
/src/containers/SingleCollection/Auctions/Filters/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../../../MarketPlace/Filters/index.css';
3 | import variables from '../../../../utils/variables';
4 | import * as PropTypes from 'prop-types';
5 | import { connect } from 'react-redux';
6 | import { ReactComponent as BackIcon } from '../../../../assets/explore/Vector.svg';
7 | import { IconButton } from '@mui/material';
8 | import PriceRange from './PriceRange';
9 | import ClassNames from 'classnames';
10 | import OnSaleIn from './OnSaleIn';
11 | import DotsLoading from '../../../../components/DotsLoading';
12 | import SearchTextField from '../../SearchListedTextField';
13 | import { hideCollectionAuctionFilters } from '../../../../actions/auctions/filters';
14 | import AuctionTypes from './AuctionTypes';
15 |
16 | class Filters extends React.Component {
17 | render () {
18 | return (
19 |
20 |
28 | {this.props.ibcTokensListInProgress
29 | ? }
31 |
33 | );
34 | }
35 | }
36 |
37 | Filters.propTypes = {
38 | activeTab: PropTypes.string.isRequired,
39 | filterShow: PropTypes.bool.isRequired,
40 | hideFilters: PropTypes.func.isRequired,
41 | ibcTokensListInProgress: PropTypes.bool.isRequired,
42 | lang: PropTypes.string.isRequired,
43 | };
44 |
45 | const stateToProps = (state) => {
46 | return {
47 | filterShow: state.auctions.filters.showCA,
48 | lang: state.language,
49 | ibcTokensListInProgress: state.marketplace.ibcTokensList.inProgress,
50 | };
51 | };
52 |
53 | const actionToProps = {
54 | hideFilters: hideCollectionAuctionFilters,
55 | };
56 |
57 | export default connect(stateToProps, actionToProps)(Filters);
58 |
--------------------------------------------------------------------------------
/src/containers/SingleCollection/Filters/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '../../MarketPlace/Filters/index.css';
3 | import variables from '../../../utils/variables';
4 | import * as PropTypes from 'prop-types';
5 | import { connect } from 'react-redux';
6 | import { ReactComponent as BackIcon } from '../../../assets/explore/Vector.svg';
7 | import { IconButton } from '@mui/material';
8 | import PriceRange from './PriceRange';
9 | import ClassNames from 'classnames';
10 | import OnSaleIn from './OnSaleIn';
11 | import DotsLoading from '../../../components/DotsLoading';
12 | import SearchTextField from '../SearchListedTextField';
13 | import { hideCollectionFilters } from '../../../actions/collections/filters';
14 |
15 | class Filters extends React.Component {
16 | render () {
17 | return (
18 |
21 |
23 |
25 |
26 | {variables[this.props.lang].filters}
22 |
19 |
27 | {this.props.ibcTokensListInProgress
28 | ? }
30 |
31 | );
32 | }
33 | }
34 |
35 | Filters.propTypes = {
36 | activeTab: PropTypes.string.isRequired,
37 | filterShow: PropTypes.bool.isRequired,
38 | hideFilters: PropTypes.func.isRequired,
39 | ibcTokensListInProgress: PropTypes.bool.isRequired,
40 | lang: PropTypes.string.isRequired,
41 | };
42 |
43 | const stateToProps = (state) => {
44 | return {
45 | filterShow: state.collection.filters.showCollectionFilter,
46 | lang: state.language,
47 | ibcTokensListInProgress: state.marketplace.ibcTokensList.inProgress,
48 | };
49 | };
50 |
51 | const actionToProps = {
52 | hideFilters: hideCollectionFilters,
53 | };
54 |
55 | export default connect(stateToProps, actionToProps)(Filters);
56 |
--------------------------------------------------------------------------------
/src/containers/SingleCollection/JsonSchemaDialog/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button, Dialog } from '@mui/material';
3 | import * as PropTypes from 'prop-types';
4 | import { hideSchemaJsonDialog } from '../../../actions/marketplace';
5 | import { connect } from 'react-redux';
6 | import variables from '../../../utils/variables';
7 | import './index.css';
8 | import CopyButton from '../../../components/CopyButton';
9 |
10 | const JsonSchemaDialog = (props) => {
11 | return (
12 |
33 | );
34 | };
35 |
36 | JsonSchemaDialog.propTypes = {
37 | handleClose: PropTypes.func.isRequired,
38 | lang: PropTypes.string.isRequired,
39 | open: PropTypes.bool.isRequired,
40 | schema: PropTypes.object.isRequired,
41 | };
42 |
43 | const stateToProps = (state) => {
44 | return {
45 | open: state.marketplace.jsonSchemaDialog.open,
46 | lang: state.language,
47 | schema: state.marketplace.jsonSchemaDialog.value,
48 | };
49 | };
50 |
51 | const actionToProps = {
52 | handleClose: hideSchemaJsonDialog,
53 | };
54 |
55 | export default connect(stateToProps, actionToProps)(JsonSchemaDialog);
56 |
--------------------------------------------------------------------------------
/src/containers/Snackbar.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import * as PropTypes from 'prop-types';
4 | import { hideSnackbar } from '../actions/snackbar';
5 | import Snackbar from '../components/Snackbar';
6 |
7 | const SnackbarMessage = (props) => {
8 | return (
9 |
20 |
22 |
24 |
25 | {variables[this.props.lang].filters}
21 |