embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #163 from status-im/feature/remove-footer 

Remove footer
This commit is contained in:
Iuri Matias 2018-10-25 06:10:25 -04:00 committed by GitHub
parent 3d5028e41b df86bae377
commit 8591923e53
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 44 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
embark-ui/src/components/Layout.js
View File

@ -10,7 +10,6 @@ import FontAwesome from 'react-fontawesome';
import "./Layout.css";
import {
AppFooter,
AppHeader,
AppSidebar,
AppSidebarFooter,
@ -150,6 +149,7 @@ class Layout extends React.Component {
<NavItem>
<SearchBar loading={this.state.searchLoading} searchSubmit={searchValue => this.searchTheExplorer(searchValue)}/>
</NavItem>
{this.renderTool()}
{this.renderSettings()}
</Nav>
);
@ -174,16 +174,21 @@ class Layout extends React.Component {
);
}
renderFooter() {
renderTool() {
return (
<AppFooter>
<span className="ml-auto">
Embark&nbsp;
<a href="https://embark.status.im" title="Documentation" rel="noopener noreferrer" target="_blank">Documentation</a>
&nbsp;|&nbsp;
<a href="https://github.com/embark-framework" title="Github" rel="noopener noreferrer" target="_blank">Github</a>
</span>
</AppFooter>
<React.Fragment>
<NavItem>
<NavLink href="https://embark.status.im" title="Documentation" rel="noopener noreferrer" target="_blank">
<FontAwesome name="book" />
</NavLink>
</NavItem>
<NavItem>
<NavLink href="https://github.com/embark-framework" title="Github" rel="noopener noreferrer" target="_blank">
<FontAwesome name="github" />
</NavLink>
</NavItem>
</React.Fragment>
);
}
@ -194,40 +199,39 @@ class Layout extends React.Component {
removeCssClasses();
}
return (<div className="app animated fadeIn">
<AppHeader fixed>
<AppNavbarBrand full={{src: logo, width: 50, height: 50, alt: 'Embark Logo'}}
minimized={{src: logo, width: 50, height: 50, alt: 'Embark Logo'}}
/>
{this.renderNav()}
return (
<div className="app animated fadeIn">
<AppHeader fixed>
<AppNavbarBrand full={{src: logo, width: 50, height: 50, alt: 'Embark Logo'}}
minimized={{src: logo, width: 50, height: 50, alt: 'Embark Logo'}}
/>
{this.renderNav()}
{this.renderRightNav()}
</AppHeader>
{this.renderRightNav()}
</AppHeader>
<div className="app-body">
{sidebar &&
<AppSidebar fixed display="sm">
<AppSidebarHeader />
<AppSidebarForm />
<AppSidebarNav navConfig={sidebar} location={location} />
<AppSidebarFooter />
<AppSidebarMinimizer />
</AppSidebar>
}
<div className="app-body">
{sidebar &&
<AppSidebar fixed display="sm">
<AppSidebarHeader />
<AppSidebarForm />
<AppSidebarNav navConfig={sidebar} location={location} />
<AppSidebarFooter />
<AppSidebarMinimizer />
</AppSidebar>
}
<main className="main">
<Alert color="danger" isOpen={this.state.searchError} toggle={() => this.dismissSearchError()}>
{searchResult.error}
</Alert>
<main className="main">
<Alert color="danger" isOpen={this.state.searchError} toggle={() => this.dismissSearchError()}>
{searchResult.error}
</Alert>
<Container fluid className="h-100">
{children}
</Container>
</main>
<Container fluid className="h-100">
{children}
</Container>
</main>
</div>
</div>
{this.renderFooter()}
</div>);
);
}
}