Merge pull request #48 from afposchenrieder/explorer-cleanup-and-project-reorg

Explorer cleanup and project reorg

Author: NicolasDP

examples/explorer/src/App.jsx

@@ -1,18 +1,16 @@
 import React from 'react';
 import { Router } from '@reach/router';
+import { MainSection, MainNavbar, SearchBar } from './components/General';
+import { EmptyResult } from './components/Commons';
 
-import SearchBar from './components/Search/SearchBar/SearchBar';
-import MainNavbar from './components/MainNavbar/MainNavbar';
-import RecentBlocks from './components/Blocks/RecentBlocks/RecentBlocks';
-
-// import StatusBar from './components/Status/StatusBar/StatusBar';
-import MainSection from './components/MainSection/MainSection';
-import TransactionSearchResult from './components/Search/TransactionSearchResult/TransactionSearchResult';
-import BlockSearchResult from './components/Search/BlockSearchResult/BlockSearchResult';
-import EpochSearchResult from './components/Search/EpochSearchResult/EpochSearchResult';
-import BlockByLengthSearchResult from './components/Search/BlockByLengthSearchResult/BlockByLengthSearchResult';
-import AddressSearchResult from './components/Search/AddressSearchResult/AddressSearchResult';
-import EmptyResult from './components/Commons/EmptyResult/EmptyResult';
+import {
+  RecentBlocks,
+  TransactionSearchResult,
+  BlockSearchResult,
+  EpochSearchResult,
+  BlockByLengthSearchResult,
+  AddressSearchResult
+} from './components/MainSection';
 
 import './generalStyling.scss';
 

examples/explorer/src/components/Addresses/AddressInfo/AddressInfo.jsx renamed to examples/explorer/src/components/Address/AddressInfo/AddressInfo.jsx

@@ -4,9 +4,7 @@ import Table from 'react-bootstrap/Table';
 import graphql from 'babel-plugin-relay/macro';
 import { createFragmentContainer } from 'react-relay';
 
-import './addressInfo.scss';
-import EmptyResult from '../../Commons/EmptyResult/EmptyResult';
-import AddressLink from '../../Commons/AddressLink/AddressLink';
+import { EmptyResult, AddressLink } from '../../Commons';
 
 const AddressInfo = ({ address }) => {
   if (!address) {

examples/explorer/src/components/Addresses/FullAddressInfo/FullAddressInfo.jsx renamed to examples/explorer/src/components/Address/FullAddressInfo/FullAddressInfo.jsx

@@ -4,9 +4,7 @@ import graphql from 'babel-plugin-relay/macro';
 import { createFragmentContainer } from 'react-relay';
 
 import AddressInfo from '../AddressInfo/AddressInfo';
-import TransactionTable from '../../Transactions/TransactionTable/TransactionTable';
-
-import './fullAddressInfo.scss';
+import { TransactionTable } from '../../Transaction';
 
 const FullAddressInfo = ({ address }) => {
   const { transactions } = address;

examples/explorer/src/components/Address/index.js

@@ -0,0 +1 @@
+export { default as FullAddressInfo } from './FullAddressInfo/FullAddressInfo';

examples/explorer/src/components/Addresses/AddressInfo/addressInfo.scss

@@ -4,9 +4,7 @@ import Table from 'react-bootstrap/Table';
 import graphql from 'babel-plugin-relay/macro';
 import { createFragmentContainer } from 'react-relay';
 
-import './blockInfo.scss';
-import BlockLink from '../../Commons/BlockLink/BlockLink';
-import EpochLink from '../../Commons/EpochLink/EpochLink';
+import { BlockLink, EpochLink } from '../../Commons';
 
 const BlockInfo = ({ block }) => (
   <div className="entityInfoTable">

examples/explorer/src/components/Addresses/FullAddressInfo/fullAddressInfo.scss

@@ -4,8 +4,7 @@ import Table from 'react-bootstrap/Table';
 import graphql from 'babel-plugin-relay/macro';
 import { createFragmentContainer } from 'react-relay';
 
-import BlockLink from '../../Commons/BlockLink/BlockLink';
-import EpochLink from '../../Commons/EpochLink/EpochLink';
+import { BlockLink, EpochLink } from '../../Commons';
 
 const orderBlocks = blocks => {
   return blocks.sort((b1, b2) => Number(b2.chainLength) - Number(b1.chainLength));

examples/explorer/src/components/Blocks/BlockInfo/BlockInfo.jsx renamed to examples/explorer/src/components/Block/BlockInfo/BlockInfo.jsx

@@ -3,9 +3,8 @@ import React from 'react';
 import graphql from 'babel-plugin-relay/macro';
 import { createFragmentContainer } from 'react-relay';
 
-import './fullBlockInfo.scss';
-import EmptyResult from '../../Commons/EmptyResult/EmptyResult';
-import TransactionTable from '../../Transactions/TransactionTable/TransactionTable';
+import { EmptyResult } from '../../Commons';
+import { TransactionTable } from '../../Transaction';
 import BlockInfo from '../BlockInfo/BlockInfo';
 
 const FullBlockInfo = ({ block }) => {