status-im/safe-react
2
0
Fork 0
mirror of https://github.com/status-im/safe-react.git synced 2025-01-27 18:04:52 +00:00
Code Issues Projects Releases Wiki Activity

Remove Footer

Browse Source
This commit is contained in:
Mikhail Mikheev 2019-09-19 16:14:15 +04:00
parent 5a2d70b057
commit 14b946abc2
4 changed files with 0 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Footer/index.jsx
View File

@ -1,20 +0,0 @@
// @flow
import React from 'react'
import Block from '~/components/layout/Block'
import Link from '~/components/layout/Link'
import Paragraph from '~/components/layout/Paragraph'
import { WELCOME_ADDRESS, SAFELIST_ADDRESS } from '~/routes/routes'
import styles from './index.scss'
const Footer = () => (
<Block className={styles.footer}>
<Link to={WELCOME_ADDRESS}>
<Paragraph size="sm" color="primary" noMargin>Add Safe</Paragraph>
</Link>
<Link to={SAFELIST_ADDRESS}>
<Paragraph size="sm" color="primary" noMargin>Safe List</Paragraph>
</Link>
</Block>
)
export default Footer

24
src/components/Footer/index.scss
View File

@ -1,24 +0,0 @@
.footer {
font-size: $smallFontSize;
display: grid;
grid-template-columns: 100px 100px 1fr;
grid-template-rows: 36px;
justify-items: center;
align-items: center;
border: solid 0.5px $border;
background-color: white;
margin-top: 50px;
}
@media only screen and (max-width: $(screenXs)px) {
.footer {
grid-template-columns: none;
grid-template-rows: auto auto;
grid-row-gap: $sm;
justify-items: center;
}
.footer > a {
padding: 0;
}
}

16
src/components/Footer/index.stories.js
View File

@ -1,16 +0,0 @@
// @flow
import { storiesOf } from '@storybook/react'
import * as React from 'react'
import styles from '~/components/layout/PageFrame/index.scss'
import Component from './index'
const FrameDecorator = (story) => (
<div className={styles.frame}>
<div style={{ flex: '1' }} />
{story()}
</div>
)
storiesOf('Components /Footer', module)
.addDecorator(FrameDecorator)
.add('Loaded', () => <Component />)

2
src/components/layout/PageFrame/index.jsx
View File

@ -1,6 +1,5 @@
// @flow // @flow
import * as React from 'react' import * as React from 'react'
import Footer from '~/components/Footer'
import Header from '~/components/Header' import Header from '~/components/Header'
import SidebarProvider from '~/components/Sidebar' import SidebarProvider from '~/components/Sidebar'
import { SharedSnackbarProvider } from '~/components/SharedSnackBar' import { SharedSnackbarProvider } from '~/components/SharedSnackBar'
@ -16,7 +15,6 @@ const PageFrame = ({ children }: Props) => (
<SidebarProvider> <SidebarProvider>
<Header /> <Header />
{children} {children}
<Footer />
</SidebarProvider> </SidebarProvider>
</div> </div>
</SharedSnackbarProvider> </SharedSnackbarProvider>