diff --git a/src/routes/safe/component/NoRights/index.jsx b/src/routes/safe/component/NoRights/index.jsx new file mode 100644 index 00000000..291fd4ba --- /dev/null +++ b/src/routes/safe/component/NoRights/index.jsx @@ -0,0 +1,31 @@ +// @flow +import * as React from 'react' +import Bold from '~/components/layout/Bold' +import Button from '~/components/layout/Button' +import Link from '~/components/layout/Link' +import Col from '~/components/layout/Col' +import Row from '~/components/layout/Row' +import Paragraph from '~/components/layout/Paragraph/index' +import { SAFELIST_ADDRESS } from '~/routes/routes' + +const NoRights = () => ( + + + + You do not have rights to operate with this safe. Pleave visit the Safe List. + + + + + + +) + +export default NoRights diff --git a/src/routes/safe/component/NoRights/index.stories.js b/src/routes/safe/component/NoRights/index.stories.js new file mode 100644 index 00000000..469ef484 --- /dev/null +++ b/src/routes/safe/component/NoRights/index.stories.js @@ -0,0 +1,17 @@ +// @flow +import { storiesOf } from '@storybook/react' +import * as React from 'react' +import styles from '~/components/layout/PageFrame/index.scss' +import Component from './index.jsx' + +const FrameDecorator = story => ( +
+ { story() } +
+) + +storiesOf('Components', module) + .addDecorator(FrameDecorator) + .add('NoRights', () => ( + + )) diff --git a/src/routes/safe/container/index.jsx b/src/routes/safe/container/index.jsx index 7aebf94c..ea291ffc 100644 --- a/src/routes/safe/container/index.jsx +++ b/src/routes/safe/container/index.jsx @@ -3,6 +3,7 @@ import * as React from 'react' import { connect } from 'react-redux' import Page from '~/components/layout/Page' import Layout from '~/routes/safe/component/Layout' +import NoRights from '~/routes/safe/component/NoRights' import selector, { type SelectorProps } from './selector' import actions, { type Actions } from './actions' @@ -39,11 +40,10 @@ class SafeView extends React.PureComponent { return ( - { granted && } + { granted + ? + : + } ) }