feat: export props

src/components/Address/Address.tsx

@@ -1,15 +1,15 @@
 import * as React from 'react'
 import './Address.css'
 
-type Props = {
+export type AddressProps = {
   value: string
   strong?: boolean
   shorten?: boolean
   tooltip?: boolean
   className?: string
 }
 
-export class Address extends React.Component<Props> {
+export class Address extends React.Component<AddressProps> {
   static defaultProps = {
     className: '',
     strong: false,

src/components/Blockie/Blockie.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as blockies from 'ethereum-blockies/blockies'
 import './Blockie.css'
 
-type Props = {
+export type BlockieProps = {
   seed: string
   color?: string
   spotcolor?: string
@@ -13,7 +13,7 @@ type Props = {
   children?: React.ReactNode
 }
 
-export class Blockie extends React.PureComponent<Props> {
+export class Blockie extends React.PureComponent<BlockieProps> {
   private shouldRefresh: boolean = false
   public canvas: HTMLCanvasElement = null
   static defaultProps = {

src/components/Center/Center.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react'
 import './Center.css'
 
-type Props = {
+export type CenterProps = {
   screen?: boolean
 }
 
-export class Center extends React.PureComponent<Props> {
+export class Center extends React.PureComponent<CenterProps> {
   render() {
     const { screen, children } = this.props
     const classes = `dcl center ${screen ? 'screen' : ''}`.trim()

src/components/Mana/Mana.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import './Mana.css'
 import { Header } from 'semantic-ui-react'
 
-type Props = {
+export type ManaProps = {
   size?: 'tiny' | 'small' | 'medium' | 'large' | 'huge'
   black?: boolean
   text?: boolean
@@ -11,7 +11,7 @@ type Props = {
   children?: React.ReactChild
 }
 
-export class Mana extends React.Component<Props> {
+export class Mana extends React.Component<ManaProps> {
   static defaultProps = {
     className: ''
   }

src/components/Navbar/Navbar.tsx

@@ -3,7 +3,7 @@ import { Header, Icon, Menu, Responsive, Sidebar } from 'semantic-ui-react'
 import { Blockie, Logo, Mana } from '../..'
 import './Navbar.css'
 
-type Props = {
+export type NavbarProps = {
   mana?: number
   address?: string
   logo?: React.ReactNode
@@ -20,11 +20,11 @@ type Props = {
   onBack?: () => void
 }
 
-type State = {
+export type NavbarState = {
   toggle: boolean
 }
 
-export class Navbar extends React.PureComponent<Props, State> {
+export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
   static defaultProps = {
     mana: null,
     address: null,

src/components/Stats/Stats.tsx

@@ -2,12 +2,12 @@ import * as React from 'react'
 import './Stats.css'
 import { Header } from 'semantic-ui-react'
 
-type Props = {
+export type StatsProps = {
   title: string
   className?: string
 }
 
-export class Stats extends React.Component<Props> {
+export class Stats extends React.Component<StatsProps> {
   static defaultProps = {
     className: ''
   }

src/index.ts

@@ -20,13 +20,13 @@ import './components/Radio/Radio.css'
 import './components/Table/Table.css'
 
 // Decentraland components
-export { Address } from './components/Address/Address'
-export { Blockie } from './components/Blockie/Blockie'
-export { Center } from './components/Center/Center'
-export { Logo } from './components/Logo/Logo'
-export { Mana } from './components/Mana/Mana'
-export { Navbar } from './components/Navbar/Navbar'
-export { Stats } from './components/Stats/Stats'
+export * from './components/Address/Address'
+export * from './components/Blockie/Blockie'
+export * from './components/Center/Center'
+export * from './components/Logo/Logo'
+export * from './components/Mana/Mana'
+export * from './components/Navbar/Navbar'
+export * from './components/Stats/Stats'
 
 // Semantic components
 export * from 'semantic-ui-react'