From b86dae7ede1f27e0027eb6c88ff68065d68e6f10 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 7 Nov 2018 12:01:34 +0100
Subject: [PATCH] Refactor Header Provider Info & Details

---
 .../Header/component/Layout.stories.js           | 16 ++++++++--------
 .../ConnectDetails.jsx                           |  0
 .../UserDetails.jsx                              |  0
 .../{index.jsx => ProviderAccesible.jsx}         |  0
 .../ProviderDisconnected.jsx}                    |  0
 src/components/Header/index.jsx                  | 12 ++++++------
 6 files changed, 14 insertions(+), 14 deletions(-)
 rename src/components/Header/component/{ProviderDisconnected => ProviderDetails}/ConnectDetails.jsx (100%)
 rename src/components/Header/component/{ProviderInfo => ProviderDetails}/UserDetails.jsx (100%)
 rename src/components/Header/component/ProviderInfo/{index.jsx => ProviderAccesible.jsx} (100%)
 rename src/components/Header/component/{ProviderDisconnected/index.jsx => ProviderInfo/ProviderDisconnected.jsx} (100%)

diff --git a/src/components/Header/component/Layout.stories.js b/src/components/Header/component/Layout.stories.js
index 354ee223..01111749 100644
--- a/src/components/Header/component/Layout.stories.js
+++ b/src/components/Header/component/Layout.stories.js
@@ -3,10 +3,10 @@ import { storiesOf } from '@storybook/react'
 import * as React from 'react'
 import styles from '~/components/layout/PageFrame/index.scss'
 import Layout from './Layout'
-import ProviderInfo from './ProviderInfo'
-import ProviderDetails from './ProviderInfo/UserDetails'
-import ProviderDisconnected from './ProviderDisconnected'
-import ConnectDetails from './ProviderDisconnected/ConnectDetails'
+import ProviderAccesible from './ProviderInfo/ProviderAccesible'
+import UserDetails from './ProviderDetails/UserDetails'
+import ProviderDisconnected from './ProviderInfo/ProviderDisconnected'
+import ConnectDetails from './ProviderDetails/ConnectDetails'
 
 const FrameDecorator = story => (
   <div className={styles.frame}>
@@ -20,8 +20,8 @@ storiesOf('Components /Header', module)
     const provider = 'Metamask'
     const userAddress = '0x873faa4cddd5b157e8e5a57e7a5479afc5d30moe'
     const network = 'RINKEBY'
-    const info = <ProviderInfo provider={provider} network={network} userAddress={userAddress} connected />
-    const details = <ProviderDetails provider={provider} network={network} userAddress={userAddress} connected />
+    const info = <ProviderAccesible provider={provider} network={network} userAddress={userAddress} connected />
+    const details = <UserDetails provider={provider} network={network} userAddress={userAddress} connected />
 
     return <Layout providerInfo={info} providerDetails={details} />
   })
@@ -35,8 +35,8 @@ storiesOf('Components /Header', module)
     const provider = 'Metamask'
     const userAddress = '0x873faa4cddd5b157e8e5a57e7a5479afc5d30moe'
     const network = 'RINKEBY'
-    const info = <ProviderInfo provider={provider} network={network} userAddress={userAddress} connected={false} />
-    const details = (<ProviderDetails
+    const info = <ProviderAccesible provider={provider} network={network} userAddress={userAddress} connected={false} />
+    const details = (<UserDetails
       provider={provider}
       network={network}
       userAddress={userAddress}
diff --git a/src/components/Header/component/ProviderDisconnected/ConnectDetails.jsx b/src/components/Header/component/ProviderDetails/ConnectDetails.jsx
similarity index 100%
rename from src/components/Header/component/ProviderDisconnected/ConnectDetails.jsx
rename to src/components/Header/component/ProviderDetails/ConnectDetails.jsx
diff --git a/src/components/Header/component/ProviderInfo/UserDetails.jsx b/src/components/Header/component/ProviderDetails/UserDetails.jsx
similarity index 100%
rename from src/components/Header/component/ProviderInfo/UserDetails.jsx
rename to src/components/Header/component/ProviderDetails/UserDetails.jsx
diff --git a/src/components/Header/component/ProviderInfo/index.jsx b/src/components/Header/component/ProviderInfo/ProviderAccesible.jsx
similarity index 100%
rename from src/components/Header/component/ProviderInfo/index.jsx
rename to src/components/Header/component/ProviderInfo/ProviderAccesible.jsx
diff --git a/src/components/Header/component/ProviderDisconnected/index.jsx b/src/components/Header/component/ProviderInfo/ProviderDisconnected.jsx
similarity index 100%
rename from src/components/Header/component/ProviderDisconnected/index.jsx
rename to src/components/Header/component/ProviderInfo/ProviderDisconnected.jsx
diff --git a/src/components/Header/index.jsx b/src/components/Header/index.jsx
index 8d48002b..12345328 100644
--- a/src/components/Header/index.jsx
+++ b/src/components/Header/index.jsx
@@ -4,10 +4,10 @@ import { connect } from 'react-redux'
 import { logComponentStack, type Info } from '~/utils/logBoundaries'
 import { SharedSnackbarConsumer, type Variant } from '~/components/SharedSnackBar/Context'
 import { WALLET_ERROR_MSG } from '~/logic/wallets/store/actions'
-import ProviderInfo from './component/ProviderInfo'
-import ProviderDetails from './component/ProviderInfo/UserDetails'
-import ProviderDisconnected from './component/ProviderDisconnected'
-import ConnectDetails from './component/ProviderDisconnected/ConnectDetails'
+import ProviderAccesible from './component/ProviderInfo/ProviderAccesible'
+import UserDetails from './component/ProviderDetails/UserDetails'
+import ProviderDisconnected from './component/ProviderInfo/ProviderDisconnected'
+import ConnectDetails from './component/ProviderDetails/ConnectDetails'
 import Layout from './component/Layout'
 import actions, { type Actions } from './actions'
 import selector, { type SelectorProps } from './selector'
@@ -54,7 +54,7 @@ class HeaderComponent extends React.PureComponent<Props, State> {
       return <ProviderDisconnected />
     }
 
-    return <ProviderInfo provider={provider} network={network} userAddress={userAddress} connected={available} />
+    return <ProviderAccesible provider={provider} network={network} userAddress={userAddress} connected={available} />
   }
 
   getProviderDetailsBased = () => {
@@ -67,7 +67,7 @@ class HeaderComponent extends React.PureComponent<Props, State> {
       return <ConnectDetails onConnect={this.onConnect} />
     }
 
-    return (<ProviderDetails
+    return (<UserDetails
       provider={provider}
       network={network}
       userAddress={userAddress}