\n \n )\n}\n\nexport default FeatureDapps\n","import Footer from './Footer'\n\nexport default Footer\n","import React from 'react'\nimport styles from './Footer.module.scss'\nimport communityIcon from '../../common/assets/images/community.svg'\nimport addDappIcon from '../../common/assets/images/add-dapp.svg'\nimport supportIcon from '../../common/assets/images/support.svg'\n\nconst Footer = () => (\n
\n \n
\n \n
\n
\n
Join the DApp community chat
\n
\n Status is a worldwide community committed to web3. Come discuss your\n new favourite DApp with us.\n
\n
\n \n {/*
\n
\n \n
\n
\n
Submit a DApp
\n
Submit your favourite DApp now! No permission required.
\n
\n
*/}\n \n
\n \n
\n
\n
Support
\n
\n Can't find what you're looking for? Reach out and we'll\n see if we can help.\n
\n \n)\n\nexport default LoadingHome\n","import LoadingHome from './LoadingHome'\n\nexport default LoadingHome\n","import CryptoKittiesBanner from '../assets/images/featured/crytokittes_banner.png'\nimport CryptoKittiesLogo from '../assets/images/featured/cryptokitties_logo.png'\nimport AirswapBanner from '../assets/images/featured/airswap_banner.png'\nimport AirswapLogo from '../assets/images/featured/airswap_logo.png'\nimport KyberBanner from '../assets/images/featured/kyber_banner.png'\nimport KyberLogo from '../assets/images/featured/kyber_logo.png'\n\nconst featuredDapps = [\n {\n name: 'CryptoKittes',\n description: 'Collect and breed adorable digital cats',\n url: 'https://cryptokitties.co',\n banner: CryptoKittiesBanner,\n icon: CryptoKittiesLogo,\n },\n {\n name: 'Airswap',\n description: 'Meet the future of trading',\n url: 'https://instant.airswap.io',\n banner: AirswapBanner,\n icon: AirswapLogo,\n },\n {\n name: 'Kyber',\n description: 'On-chain, instant and liquid exchange and payment',\n url: 'https://web3.kyber.network',\n banner: KyberBanner,\n icon: KyberLogo,\n },\n]\n\nexport default featuredDapps\n","import React from 'react'\nimport RecentlyAdded from '../RecentlyAdded'\nimport HighestRanked from '../HighestRanked'\nimport Categories from '../Categories'\nimport FeaturedDapps from '../../common/components/FeatureDapps'\nimport Footer from '../Footer'\nimport LoadingHome from '../LoadingHome'\nimport featured from '../../common/data/featured'\nimport styles from './Home.module.scss'\n\nclass Home extends React.Component {\n constructor(props) {\n super(props)\n this.startLoadingAnimation = this.startLoadingAnimation.bind(this)\n this.state = { loaded: false }\n }\n\n componentDidMount() {\n // TODO: This is just a demo implementation. The real one would be using a flag in redux\n // that changes when the data has loaded from the smart contract/s\n setTimeout(this.startLoadingAnimation, 1000)\n }\n\n startLoadingAnimation() {\n this.setState({ loaded: true })\n }\n\n render() {\n const { loaded } = this.state\n\n return (\n <>\n {loaded && (\n <>\n
\n
Discover
\n
\n \n \n {/* */}\n \n \n \n )}\n\n {!loaded && }\n \n )\n }\n}\n\nexport default Home\n","import Home from './Home.container'\n\nexport default Home\n","import { connect } from 'react-redux'\nimport Home from './Home'\n\nconst mapStateToProps = state => state\n\nexport default connect(mapStateToProps)(Home)\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n)\n\nexport default icon\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ExchangesIcon from './ExhangesIcon'\nimport MarketplacesIcon from './MarketplacesIcon'\nimport GamesIcon from './GamesIcon'\nimport UtilitiesIcon from './UtilitiesIcon'\nimport OtherIcon from './OtherIcon'\nimport CollectiblesIcon from './CollectiblesIcon'\nimport SocialNetworksIcon from './SocialNetworksIcon'\n\nconst icons = {\n EXCHANGES: ExchangesIcon,\n MARKETPLACES: MarketplacesIcon,\n GAMES: GamesIcon,\n UTILITIES: UtilitiesIcon,\n OTHER: OtherIcon,\n COLLECTIBLES: CollectiblesIcon,\n SOCIAL_NETWORKS: SocialNetworksIcon,\n MEDIA: GamesIcon, // TODO: Need to get this asset from design\n}\n\nconst CategoryIcon = props => {\n const { category } = props\n const Icon = icons[category]\n return \n}\n\nCategoryIcon.propTypes = {\n category: PropTypes.string.isRequired,\n}\n\nexport default CategoryIcon\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n \n \n \n)\n\nexport default icon\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n \n \n)\n\nexport default icon\n","import GamesIcon from './GamesIcon'\n\nexport default GamesIcon\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n)\n\nexport default icon\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n)\n\nexport default icon\n","import React from 'react'\n\nconst icon = () => (\n \n \n \n \n \n \n \n)\n\nexport default icon\n","import React from 'react'\n\nconst SocialNetworksIcon = () => (\n \n \n \n)\n\nexport default SocialNetworksIcon\n","import CategoryIcon from './CategoryIcon'\n\nexport default CategoryIcon\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport CategoryIcon from '../../common/components/CategoryIcon'\nimport ViewAll from '../../common/components/ViewAll'\nimport categories from '../../common/utils/categories'\nimport humanise from '../../common/utils/humanise'\nimport dropdownArrows from '../../common/assets/images/dropdown-arrows.svg'\nimport styles from './CategorySelector.module.scss'\n\nclass CategorySelector extends React.Component {\n constructor(props) {\n super(props)\n this.state = { open: false }\n this.toggle = this.toggle.bind(this)\n this.updateCategory = this.updateCategory.bind(this)\n this.container = React.createRef()\n }\n\n componentDidMount() {\n this.closeOnBackgroundClick = this.closeOnBackgroundClick.bind(this)\n document.addEventListener('click', this.closeOnBackgroundClick)\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.closeOnBackgroundClick)\n }\n\n closeOnBackgroundClick(event) {\n if (this.container.current.contains(event.target)) {\n return\n }\n\n this.setState({ open: false })\n }\n\n updateCategory(event) {\n const { select } = this.props\n select(event.target.value)\n this.setState({ open: false })\n }\n\n toggle() {\n const { open } = this.state\n this.setState({ open: !open })\n }\n\n render() {\n const { open } = this.state\n const { category } = this.props\n\n return (\n
\n SNT you spend to upvote is locked in the contract and contributes\n directly to {dapp.name}'s ranking.{' '}\n \n Learn more↗\n \n
\n )}\n {!isUpvote && (\n
\n SNT you spend to downvote goes directly back to {dapp.name}.\n Downvoting moves their DApp down by 1% of the current ranking. The\n cost is fixed by our unique bonded curve.{' '}\n \n Learn more↗\n \n
\n )}\n \n
\n
\n )\n }\n}\n\nVote.propTypes = {}\n\nexport default Vote\n","import Vote from './Vote.container'\n\nexport default Vote\n","import { connect } from 'react-redux'\nimport Vote from './Vote'\n\nconst mapDispatchToProps = dispatch => ({})\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(Vote)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport humanise from '../../common/utils/humanise'\nimport styles from './CategoryHeader.module.scss'\nimport CategoryIcon from '../../common/components/CategoryIcon'\n\nconst CategoryHeader = props => {\n const { text, active } = props\n return (\n \n