embarklabs/embark
2
0
Fork 0
mirror of https://github.com/embarklabs/embark.git synced 2025-01-11 06:16:01 +00:00
Code Issues Projects Releases Wiki Activity

Remove footer

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