Parity Substrate theming (#296)
* Parity Substrate logo (THEME) * Remove unused type * Adjust page title based on theme * Allow theme overrides * Allow theme overrides on Modals * Remove debug console log * Page title hangs off renamed UI_THEME * FIXME for Identicon * UI_MODE removal of apps * Update deps (after merge) * Bump deps
This commit is contained in:
parent
0cf88177fc
commit
416d7bbb16
@ -11,9 +11,9 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/storage": "^0.28.29",
|
||||
"@polkadot/storage": "^0.28.34",
|
||||
"@polkadot/ui-react": "^0.20.2",
|
||||
"@polkadot/ui-react-rx": "^0.20.2",
|
||||
"@polkadot/util-keyring": "^0.29.33"
|
||||
"@polkadot/util-keyring": "^0.30.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,9 +11,9 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/storage": "^0.28.29",
|
||||
"@polkadot/storage": "^0.28.34",
|
||||
"@polkadot/ui-react": "^0.20.2",
|
||||
"@polkadot/ui-react-rx": "^0.20.2",
|
||||
"@polkadot/util-keyring": "^0.29.33"
|
||||
"@polkadot/util-keyring": "^0.30.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,8 +11,8 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/primitives": "^0.28.29",
|
||||
"@polkadot/primitives": "^0.28.34",
|
||||
"@polkadot/ui-app": "^0.20.2",
|
||||
"@polkadot/util-crypto": "^0.29.33"
|
||||
"@polkadot/util-crypto": "^0.30.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/extrinsics": "^0.28.29",
|
||||
"@polkadot/extrinsics": "^0.28.34",
|
||||
"@polkadot/ui-app": "^0.20.2",
|
||||
"@polkadot/ui-signer": "^0.20.2"
|
||||
}
|
||||
|
||||
@ -12,11 +12,11 @@
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/app-extrinsics": "^0.20.2",
|
||||
"@polkadot/storage": "^0.28.29",
|
||||
"@polkadot/storage": "^0.28.34",
|
||||
"@polkadot/ui-app": "^0.20.2",
|
||||
"@polkadot/ui-keyring": "^0.20.2",
|
||||
"@polkadot/ui-react": "^0.20.2",
|
||||
"@polkadot/ui-react-rx": "^0.20.2",
|
||||
"@polkadot/util-keyring": "^0.29.33"
|
||||
"@polkadot/util-keyring": "^0.30.2"
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<meta name="theme-color" content="#000000">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
<title>Polkadot Apps Portal</title>
|
||||
<title><%= htmlWebpackPlugin.options.PAGE_TITLE %></title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
|
||||
@ -2,6 +2,9 @@
|
||||
/* This software may be modified and distributed under the terms
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
|
||||
@import '../../../ui-app/src/styles/theme/_colors-polkadot.css';
|
||||
@import '../../../ui-app/src/styles/theme/_colors-substrate.css';
|
||||
|
||||
.apps--SideBar {
|
||||
/*
|
||||
background: #fcfcfc;
|
||||
@ -13,11 +16,11 @@
|
||||
padding: 0.75em 0 0 0.75em;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.apps--SideBar .ui.vertical.menu {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
.ui.vertical.menu {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.apps--SideBar-github {
|
||||
@ -38,17 +41,14 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.apps--SideBar-Item-NavLink {
|
||||
/*
|
||||
color: #4E4E4E;
|
||||
*/
|
||||
a.apps--SideBar-Item-NavLink {
|
||||
color: #eee;
|
||||
display: block;
|
||||
padding: 0.75em 0.75em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.apps--SideBar-Item-NavLink-active {
|
||||
a.apps--SideBar-Item-NavLink-active {
|
||||
background: white;
|
||||
border-radius: 0.28571429rem 0 0 0.28571429rem;
|
||||
/*
|
||||
@ -56,10 +56,23 @@
|
||||
border-right-color: white;
|
||||
margin-right: -1px;
|
||||
*/
|
||||
color: #D75EA1;
|
||||
/* color: inherit; */
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.apps--SideBar-Item-NavLink:hover {
|
||||
color: #D75EA1;
|
||||
.theme--polkadot {
|
||||
a.apps--SideBar-Item-NavLink:hover {
|
||||
color: $nav-link;
|
||||
}
|
||||
|
||||
a.apps--SideBar-Item-NavLink-active {
|
||||
color: $nav-link;
|
||||
|
||||
&:hover {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -11,6 +11,7 @@ import Icon from '@polkadot/ui-app/Icon';
|
||||
import Menu from '@polkadot/ui-app/Menu';
|
||||
|
||||
import polkadotLogo from '../static/polkadot-white.svg';
|
||||
import substrateLogo from '../static/parity-substrate-white.svg';
|
||||
import routing from '../routing';
|
||||
import translate from '../translate';
|
||||
import Item from './Item';
|
||||
@ -19,6 +20,13 @@ type Props = I18nProps & {
|
||||
children?: React.ReactNode
|
||||
};
|
||||
|
||||
const LOGOS: Map<string | undefined, any> = new Map([
|
||||
['polkadot', polkadotLogo],
|
||||
['substrate', substrateLogo]
|
||||
]);
|
||||
|
||||
const LOGO = LOGOS.get(process.env.UI_THEME) || polkadotLogo;
|
||||
|
||||
class SideBar extends React.PureComponent<Props> {
|
||||
render () {
|
||||
const { children, t } = this.props;
|
||||
@ -32,7 +40,7 @@ class SideBar extends React.PureComponent<Props> {
|
||||
<img
|
||||
alt='polkadot'
|
||||
className='apps--SideBar-logo'
|
||||
src={polkadotLogo}
|
||||
src={LOGO}
|
||||
/>
|
||||
{
|
||||
routing.routes
|
||||
|
||||
@ -9,6 +9,7 @@ import './index.css';
|
||||
import React from 'react';
|
||||
import createApp from '@polkadot/ui-app/index';
|
||||
import Signer from '@polkadot/ui-signer/index';
|
||||
import classes from '@polkadot/ui-app/util/classes';
|
||||
|
||||
import Connecting from './Connecting';
|
||||
import Content from './Content';
|
||||
@ -19,7 +20,7 @@ type Props = BareProps & {};
|
||||
|
||||
function App (props: Props) {
|
||||
return (
|
||||
<div className='apps--App'>
|
||||
<div className={classes(`theme--${process.env.UI_THEME}`, 'apps--App')}>
|
||||
<SideBar>
|
||||
<NodeInfo />
|
||||
</SideBar>
|
||||
|
||||
@ -17,9 +17,16 @@ import toolbox from './toolbox';
|
||||
import transfer from './transfer';
|
||||
import vanitygen from './vanitygen';
|
||||
|
||||
export default ({
|
||||
default: 'explorer',
|
||||
routes: ([] as Routes).concat(
|
||||
const routes: Routes = process.env.UI_MODE === 'light'
|
||||
? ([] as Routes).concat(
|
||||
transfer,
|
||||
staking,
|
||||
democracy,
|
||||
null,
|
||||
accounts,
|
||||
addresses
|
||||
)
|
||||
: ([] as Routes).concat(
|
||||
example,
|
||||
explorer,
|
||||
transfer,
|
||||
@ -35,5 +42,11 @@ export default ({
|
||||
vanitygen,
|
||||
rpc,
|
||||
toolbox
|
||||
)
|
||||
);
|
||||
|
||||
export default ({
|
||||
default: process.env.UI_MODE === 'light'
|
||||
? 'transfer'
|
||||
: 'explorer',
|
||||
routes
|
||||
} as Routing);
|
||||
|
||||
1
packages/apps/src/static/parity-substrate-white.svg
Normal file
1
packages/apps/src/static/parity-substrate-white.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.0 KiB |
1
packages/apps/src/static/parity-substrate.svg
Normal file
1
packages/apps/src/static/parity-substrate.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.0 KiB |
@ -173,12 +173,17 @@ function createWebpack ({ alias = {}, context, name = 'index' }) {
|
||||
'process.env': {
|
||||
NODE_ENV: JSON.stringify(ENV),
|
||||
VERSION: JSON.stringify(pkgJson.version),
|
||||
UI_MODE: JSON.stringify(process.env.UI_MODE || 'full'),
|
||||
UI_THEME: JSON.stringify(process.env.UI_THEME || 'polkadot'),
|
||||
WS_URL: JSON.stringify(process.env.WS_URL)
|
||||
}
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
inject: true,
|
||||
template: path.join(context, `${hasPublic ? 'public/' : ''}${name}.html`)
|
||||
template: path.join(context, `${hasPublic ? 'public/' : ''}${name}.html`),
|
||||
PAGE_TITLE: process.env.UI_THEME === 'substrate'
|
||||
? 'Substrate Apps Portal'
|
||||
: 'Polkadot Apps Portal'
|
||||
}),
|
||||
new webpack.optimize.SplitChunksPlugin(),
|
||||
new MiniCssExtractPlugin({
|
||||
|
||||
@ -11,8 +11,8 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/extrinsics": "^0.28.29",
|
||||
"@polkadot/storage": "^0.28.29",
|
||||
"@polkadot/extrinsics": "^0.28.34",
|
||||
"@polkadot/storage": "^0.28.34",
|
||||
"@polkadot/ui-keyring": "^0.20.2",
|
||||
"@polkadot/ui-react": "^0.20.2",
|
||||
"@polkadot/ui-react-rx": "^0.20.2",
|
||||
|
||||
@ -2,6 +2,30 @@
|
||||
// This software may be modified and distributed under the terms
|
||||
// of the ISC license. See the LICENSE file for details.
|
||||
|
||||
import Modal from 'semantic-ui-react/dist/commonjs/modules/Modal/Modal';
|
||||
import { BareProps } from './types';
|
||||
|
||||
export default Modal;
|
||||
import React from 'react';
|
||||
import SUIModal from 'semantic-ui-react/dist/commonjs/modules/Modal/Modal';
|
||||
import classes from '@polkadot/ui-app/util/classes';
|
||||
|
||||
type Props = BareProps & {
|
||||
children: React.ReactNode,
|
||||
[index: string]: any
|
||||
};
|
||||
|
||||
export default class Modal extends React.PureComponent<Props> {
|
||||
static Actions = SUIModal.Actions;
|
||||
static Content = SUIModal.Content;
|
||||
static Header = SUIModal.Header;
|
||||
|
||||
render () {
|
||||
const { className } = this.props;
|
||||
|
||||
return (
|
||||
<SUIModal
|
||||
{...this.props}
|
||||
className={classes(`theme--${process.env.UI_THEME}`, 'ui--Modal', className)}
|
||||
/>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,6 +5,8 @@
|
||||
import 'semantic-ui-css/semantic.min.css';
|
||||
|
||||
import './styles/semantic.css';
|
||||
import './styles/theme/polkadot.css';
|
||||
import './styles/theme/substrate.css';
|
||||
|
||||
import './styles/app.css';
|
||||
import './styles/form.css';
|
||||
|
||||
@ -3,28 +3,3 @@
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
|
||||
$small-corner: .28571429rem;
|
||||
|
||||
$green: #77c689;
|
||||
$orange: #f6a46e;
|
||||
$red: #e97f7f;
|
||||
|
||||
$pewter-blue: #89acb4;
|
||||
$dark-sky-blue: #96bdc6;
|
||||
|
||||
$silver-chalice: #a1b1b5;
|
||||
$cadet-grey: #98aaae;
|
||||
|
||||
$wild-orchid: #d75ea1;
|
||||
$middle-purple: #e189ba;
|
||||
|
||||
$light-slate-gray: #718d94;
|
||||
|
||||
$button-primary-color: $dark-sky-blue;
|
||||
$button-primary-color-hover: $pewter-blue;
|
||||
$button-color: $silver-chalice;
|
||||
$button-color-hover: $cadet-grey;
|
||||
$button-negative-color: $wild-orchid;
|
||||
$button-negative-color-hover: $middle-purple;
|
||||
$anchor-color: $light-slate-gray;
|
||||
$anchor-color-hover: $cadet-grey;
|
||||
$progress-bar-color: $dark-sky-blue;
|
||||
|
||||
@ -95,79 +95,3 @@
|
||||
.ui.disabled.button:hover {
|
||||
opacity: 0.1 !important;
|
||||
}
|
||||
|
||||
.ui.primary.button,
|
||||
.ui.buttons .primary.button,
|
||||
.ui.primary.button:active,
|
||||
.ui.buttons .primary.button:active,
|
||||
.ui.primary.button:focus,
|
||||
.ui.buttons .primary.button:focus {
|
||||
background-color: $button-primary-color;
|
||||
}
|
||||
|
||||
|
||||
.ui.primary.button:hover,
|
||||
.ui.buttons .primary.button:hover {
|
||||
background-color: $button-primary-color-hover;
|
||||
}
|
||||
|
||||
.ui.button,
|
||||
.ui.buttons .button,
|
||||
.ui.button:active,
|
||||
.ui.buttons .button:active,
|
||||
.ui.button:focus,
|
||||
.ui.buttons .button:focus,
|
||||
.ui.positive.button,
|
||||
.ui.buttons .positive.button,
|
||||
.ui.positive.button:active,
|
||||
.ui.buttons .positive.button:active,
|
||||
.ui.positive.button:focus,
|
||||
.ui.buttons .positive.button:focus {
|
||||
background-color: $button-color;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.ui.button:hover,
|
||||
.ui.buttons .button:hover,
|
||||
.ui.positive.button:hover,
|
||||
.ui.buttons .positive.button:hover {
|
||||
background-color: $button-color-hover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.ui.negative.button,
|
||||
.ui.buttons .negative.button,
|
||||
.ui.negative.button:focus,
|
||||
.ui.buttons .negative.button:focus,
|
||||
.ui.negative.button:active,
|
||||
.ui.buttons .negative.button:active {
|
||||
background-color: $button-negative-color;
|
||||
}
|
||||
|
||||
.ui.negative.button:hover,
|
||||
.ui.buttons .negative.button:hover {
|
||||
background-color: $button-negative-color-hover;
|
||||
}
|
||||
|
||||
.ui.blue.progress .bar {
|
||||
background-color: $progress-bar-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $anchor-color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $anchor-color-hover;
|
||||
}
|
||||
|
||||
.ui.green.progress .bar {
|
||||
background-color: $green;
|
||||
}
|
||||
|
||||
.ui.orange.progress .bar {
|
||||
background-color: $orange;
|
||||
}
|
||||
.ui.red.progress .bar {
|
||||
background-color: $red;
|
||||
}
|
||||
|
||||
29
packages/ui-app/src/styles/theme/_colors-polkadot.css
Normal file
29
packages/ui-app/src/styles/theme/_colors-polkadot.css
Normal file
@ -0,0 +1,29 @@
|
||||
/* Copyright 2017-2018 @polkadot/ui-app authors & contributors
|
||||
/* This software may be modified and distributed under the terms
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
|
||||
$green: #77c689;
|
||||
$orange: #f6a46e;
|
||||
$red: #e97f7f;
|
||||
|
||||
$pewter-blue: #89acb4;
|
||||
$dark-sky-blue: #96bdc6;
|
||||
|
||||
$silver-chalice: #a1b1b5;
|
||||
$cadet-grey: #98aaae;
|
||||
|
||||
$wild-orchid: #d75ea1;
|
||||
$middle-purple: #e189ba;
|
||||
|
||||
$light-slate-gray: #718d94;
|
||||
|
||||
$button-primary-color: $dark-sky-blue;
|
||||
$button-primary-color-hover: $pewter-blue;
|
||||
$button-color: $silver-chalice;
|
||||
$button-color-hover: $cadet-grey;
|
||||
$button-negative-color: $wild-orchid;
|
||||
$button-negative-color-hover: $middle-purple;
|
||||
$anchor-color: $light-slate-gray;
|
||||
$anchor-color-hover: $cadet-grey;
|
||||
$progress-bar-color: $dark-sky-blue;
|
||||
$nav-link: $wild-orchid;
|
||||
3
packages/ui-app/src/styles/theme/_colors-substrate.css
Normal file
3
packages/ui-app/src/styles/theme/_colors-substrate.css
Normal file
@ -0,0 +1,3 @@
|
||||
/* Copyright 2017-2018 @polkadot/ui-app authors & contributors
|
||||
/* This software may be modified and distributed under the terms
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
84
packages/ui-app/src/styles/theme/polkadot.css
Normal file
84
packages/ui-app/src/styles/theme/polkadot.css
Normal file
@ -0,0 +1,84 @@
|
||||
/* Copyright 2017-2018 @polkadot/ui-app authors & contributors
|
||||
/* This software may be modified and distributed under the terms
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
|
||||
@import './_colors-polkadot.css';
|
||||
|
||||
.theme--polkadot {
|
||||
.ui.primary.button,
|
||||
.ui.buttons .primary.button,
|
||||
.ui.primary.button:active,
|
||||
.ui.buttons .primary.button:active,
|
||||
.ui.primary.button:focus,
|
||||
.ui.buttons .primary.button:focus {
|
||||
background-color: $button-primary-color;
|
||||
}
|
||||
|
||||
|
||||
.ui.primary.button:hover,
|
||||
.ui.buttons .primary.button:hover {
|
||||
background-color: $button-primary-color-hover;
|
||||
}
|
||||
|
||||
.ui.button,
|
||||
.ui.buttons .button,
|
||||
.ui.button:active,
|
||||
.ui.buttons .button:active,
|
||||
.ui.button:focus,
|
||||
.ui.buttons .button:focus,
|
||||
.ui.positive.button,
|
||||
.ui.buttons .positive.button,
|
||||
.ui.positive.button:active,
|
||||
.ui.buttons .positive.button:active,
|
||||
.ui.positive.button:focus,
|
||||
.ui.buttons .positive.button:focus {
|
||||
background-color: $button-color;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.ui.button:hover,
|
||||
.ui.buttons .button:hover,
|
||||
.ui.positive.button:hover,
|
||||
.ui.buttons .positive.button:hover {
|
||||
background-color: $button-color-hover;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.ui.negative.button,
|
||||
.ui.buttons .negative.button,
|
||||
.ui.negative.button:focus,
|
||||
.ui.buttons .negative.button:focus,
|
||||
.ui.negative.button:active,
|
||||
.ui.buttons .negative.button:active {
|
||||
background-color: $button-negative-color;
|
||||
}
|
||||
|
||||
.ui.negative.button:hover,
|
||||
.ui.buttons .negative.button:hover {
|
||||
background-color: $button-negative-color-hover;
|
||||
}
|
||||
|
||||
.ui.blue.progress .bar {
|
||||
background-color: $progress-bar-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $anchor-color;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $anchor-color-hover;
|
||||
}
|
||||
|
||||
.ui.green.progress .bar {
|
||||
background-color: $green;
|
||||
}
|
||||
|
||||
.ui.orange.progress .bar {
|
||||
background-color: $orange;
|
||||
}
|
||||
|
||||
.ui.red.progress .bar {
|
||||
background-color: $red;
|
||||
}
|
||||
}
|
||||
8
packages/ui-app/src/styles/theme/substrate.css
Normal file
8
packages/ui-app/src/styles/theme/substrate.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* Copyright 2017-2018 @polkadot/ui-app authors & contributors
|
||||
/* This software may be modified and distributed under the terms
|
||||
/* of the ISC license. See the LICENSE file for details. */
|
||||
|
||||
@import './_colors-substrate.css';
|
||||
|
||||
.theme--substrate {
|
||||
}
|
||||
@ -22,7 +22,7 @@
|
||||
"color": "^3.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@polkadot/util-crypto": "^0.29.33",
|
||||
"@polkadot/util-crypto": "^0.30.2",
|
||||
"xmlserializer": "^0.6.1"
|
||||
}
|
||||
}
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/ui-react": "^0.20.2",
|
||||
"@polkadot/util-keyring": "^0.29.33",
|
||||
"@polkadot/util-keyring": "^0.30.2",
|
||||
"store": "^2.0.12"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -31,9 +31,9 @@
|
||||
"homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-react-rx#readme",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/api-rx": "^0.28.29",
|
||||
"@polkadot/extrinsics": "^0.28.29",
|
||||
"@polkadot/storage": "^0.28.29",
|
||||
"@polkadot/api-rx": "^0.28.34",
|
||||
"@polkadot/extrinsics": "^0.28.34",
|
||||
"@polkadot/storage": "^0.28.34",
|
||||
"rxjs-compat": "^6.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
"polkadot-identicon": "^1.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@polkadot/util-keyring": "^0.29.33",
|
||||
"@polkadot/util-keyring": "^0.30.2",
|
||||
"empty": "^0.10.1",
|
||||
"react": "^16.5.0",
|
||||
"react-dom": "^16.5.0"
|
||||
|
||||
@ -7,7 +7,7 @@ import { BaseProps } from '../types';
|
||||
import './IdentityIcon.css';
|
||||
|
||||
import React from 'react';
|
||||
import Identicon from 'polkadot-identicon';
|
||||
import PolkadotIdenticon from 'polkadot-identicon';
|
||||
|
||||
type Props = BaseProps & {
|
||||
size?: number,
|
||||
@ -20,13 +20,14 @@ export default class IdentityIcon extends React.PureComponent<Props> {
|
||||
render () {
|
||||
const { className, size = DEFAULT_SIZE, style, value } = this.props;
|
||||
|
||||
// FIXME For UI_THEME=substrate we want to change the icon
|
||||
return (
|
||||
<div
|
||||
className={['ui--IdentityIcon', className].join(' ')}
|
||||
key={value.toString()}
|
||||
style={style}
|
||||
>
|
||||
<Identicon
|
||||
<PolkadotIdenticon
|
||||
id={value}
|
||||
size={size}
|
||||
/>
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.0.0",
|
||||
"@polkadot/extrinsics": "^0.28.29",
|
||||
"@polkadot/extrinsics": "^0.28.34",
|
||||
"@polkadot/ui-app": "^0.20.2",
|
||||
"@polkadot/ui-keyring": "^0.20.2"
|
||||
},
|
||||
|
||||
160
yarn.lock
160
yarn.lock
@ -1348,50 +1348,50 @@
|
||||
version "1.1.0"
|
||||
resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.0.tgz#50c1e2260ac0ed9439a181de3725a0168d59c48a"
|
||||
|
||||
"@polkadot/api-format@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-format/-/api-format-0.28.29.tgz#dd0ac95a6211743c4f918926549044e574424f75"
|
||||
"@polkadot/api-format@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-format/-/api-format-0.28.34.tgz#4647c2eb4a47e93406acca2a8cfb9cd060ab7925"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/jsonrpc" "^0.28.29"
|
||||
"@polkadot/primitives" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-keyring" "^0.29.33"
|
||||
"@polkadot/jsonrpc" "^0.28.34"
|
||||
"@polkadot/primitives" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-keyring" "^0.30.2"
|
||||
|
||||
"@polkadot/api-provider@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-provider/-/api-provider-0.28.29.tgz#94c7cb7d3add29740796059cfcf99d16cf968227"
|
||||
"@polkadot/api-provider@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-provider/-/api-provider-0.28.34.tgz#144b16144f2d0a4f6b7428079eb47b4ad2602d22"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/storage" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-crypto" "^0.29.33"
|
||||
"@polkadot/util-keyring" "^0.29.33"
|
||||
"@polkadot/storage" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-crypto" "^0.30.2"
|
||||
"@polkadot/util-keyring" "^0.30.2"
|
||||
"@types/nock" "^9.1.3"
|
||||
eventemitter3 "^3.1.0"
|
||||
isomorphic-fetch "^2.2.1"
|
||||
websocket "^1.0.25"
|
||||
|
||||
"@polkadot/api-rx@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-rx/-/api-rx-0.28.29.tgz#68bdcc82bf6b6deefdab4550c341d7a6b66c5f25"
|
||||
"@polkadot/api-rx@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api-rx/-/api-rx-0.28.34.tgz#09e254f937c40afc07c710c4bbcd64a9c5d29134"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/api" "^0.28.29"
|
||||
"@polkadot/api-provider" "^0.28.29"
|
||||
"@polkadot/api" "^0.28.34"
|
||||
"@polkadot/api-provider" "^0.28.34"
|
||||
"@types/rx" "^4.1.1"
|
||||
rxjs "^6.3.2"
|
||||
|
||||
"@polkadot/api@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.28.29.tgz#fdbf97c11cbb901b0bb175c8e146f88a19f08710"
|
||||
"@polkadot/api@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/api/-/api-0.28.34.tgz#2abfa7a481074df0cbdbeba941ef098d4df3f320"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/api-format" "^0.28.29"
|
||||
"@polkadot/api-provider" "^0.28.29"
|
||||
"@polkadot/jsonrpc" "^0.28.29"
|
||||
"@polkadot/params" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/api-format" "^0.28.34"
|
||||
"@polkadot/api-provider" "^0.28.34"
|
||||
"@polkadot/jsonrpc" "^0.28.34"
|
||||
"@polkadot/params" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
|
||||
"@polkadot/dev-react@^0.20.19":
|
||||
version "0.20.19"
|
||||
@ -1461,96 +1461,96 @@
|
||||
typedoc-plugin-markdown "^1.1.15"
|
||||
typescript "^3.0.1"
|
||||
|
||||
"@polkadot/extrinsics@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.28.29.tgz#6b4909a641b21b7b3a57d41e29021dc203a8a98c"
|
||||
"@polkadot/extrinsics@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/extrinsics/-/extrinsics-0.28.34.tgz#33b6d882ebee6eb819244315da657c787f97b563"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/params" "^0.28.29"
|
||||
"@polkadot/primitives" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/params" "^0.28.34"
|
||||
"@polkadot/primitives" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
|
||||
"@polkadot/jsonrpc@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.28.29.tgz#d6169dacf02f7d24d7e948219b36f2f2c449206e"
|
||||
"@polkadot/jsonrpc@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/jsonrpc/-/jsonrpc-0.28.34.tgz#aaeee0fcdb10e0677430f300ce076843be94f72c"
|
||||
dependencies:
|
||||
"@polkadot/params" "^0.28.29"
|
||||
"@polkadot/params" "^0.28.34"
|
||||
babel-runtime "^6.26.0"
|
||||
|
||||
"@polkadot/params@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/params/-/params-0.28.29.tgz#d079b827c604c5f32663ffbfacdd5d4e4a28021a"
|
||||
"@polkadot/params@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/params/-/params-0.28.34.tgz#20b5e51bc02bfbcfa5deba8d90c67b520c146df7"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/extrinsics" "^0.28.29"
|
||||
"@polkadot/params" "^0.28.29"
|
||||
"@polkadot/primitives" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-keyring" "^0.29.33"
|
||||
"@polkadot/extrinsics" "^0.28.34"
|
||||
"@polkadot/params" "^0.28.34"
|
||||
"@polkadot/primitives" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-keyring" "^0.30.2"
|
||||
|
||||
"@polkadot/primitives@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/primitives/-/primitives-0.28.29.tgz#0b0b99242048e606701a8b33cd12c2eeff7d7857"
|
||||
"@polkadot/primitives@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/primitives/-/primitives-0.28.34.tgz#654560fa4a8c1b04594171f09b430543e7307cdf"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/trie-hash" "^0.29.33"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/trie-hash" "^0.30.2"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
|
||||
"@polkadot/storage@^0.28.29":
|
||||
version "0.28.29"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.28.29.tgz#a96ea7ad7db953788beaa1b1b2d59cd303313b1d"
|
||||
"@polkadot/storage@^0.28.34":
|
||||
version "0.28.34"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/storage/-/storage-0.28.34.tgz#aa723a366e328a3d4befeb6016fb55331f4802d1"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/params" "^0.28.29"
|
||||
"@polkadot/primitives" "^0.28.29"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-crypto" "^0.29.33"
|
||||
"@polkadot/util-keyring" "^0.29.33"
|
||||
"@polkadot/params" "^0.28.34"
|
||||
"@polkadot/primitives" "^0.28.34"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-crypto" "^0.30.2"
|
||||
"@polkadot/util-keyring" "^0.30.2"
|
||||
|
||||
"@polkadot/trie-hash@^0.29.33":
|
||||
version "0.29.33"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/trie-hash/-/trie-hash-0.29.33.tgz#530757d2a080620175fb1907fe3d56a1970dc415"
|
||||
"@polkadot/trie-hash@^0.30.2":
|
||||
version "0.30.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/trie-hash/-/trie-hash-0.30.2.tgz#731ef56c9a401ca6a57a05a213b16def501a3403"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-crypto" "^0.29.33"
|
||||
"@polkadot/util-rlp" "^0.29.33"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-crypto" "^0.30.2"
|
||||
"@polkadot/util-rlp" "^0.30.2"
|
||||
|
||||
"@polkadot/ts@^0.1.27":
|
||||
version "0.1.27"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/ts/-/ts-0.1.27.tgz#88ddd9e90f4c5c98996ecd433670839eaf530d73"
|
||||
|
||||
"@polkadot/util-crypto@^0.29.33":
|
||||
version "0.29.33"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-crypto/-/util-crypto-0.29.33.tgz#299136ce92bb68d616f8b2b00cb5c4630a4fee67"
|
||||
"@polkadot/util-crypto@^0.30.2":
|
||||
version "0.30.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-crypto/-/util-crypto-0.30.2.tgz#9804bc339f4d9b64e7b538c4537a41da1329af77"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
blakejs "^1.1.0"
|
||||
js-sha3 "^0.8.0"
|
||||
tweetnacl "^1.0.0"
|
||||
xxhashjs "^0.2.2"
|
||||
|
||||
"@polkadot/util-keyring@^0.29.33":
|
||||
version "0.29.33"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-keyring/-/util-keyring-0.29.33.tgz#c6fd3325c08fb103cf0a4f49aa74977722ab16ee"
|
||||
"@polkadot/util-keyring@^0.30.2":
|
||||
version "0.30.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-keyring/-/util-keyring-0.30.2.tgz#f15610d54165475560633dddfe3c9240f0db9a11"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util-crypto" "^0.29.33"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
"@polkadot/util-crypto" "^0.30.2"
|
||||
"@types/bs58" "^3.0.30"
|
||||
bs58 "^4.0.1"
|
||||
|
||||
"@polkadot/util-rlp@^0.29.33":
|
||||
version "0.29.33"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-rlp/-/util-rlp-0.29.33.tgz#0a5f9b2d954cc2f9cd92964f0efd0372a03ee808"
|
||||
"@polkadot/util-rlp@^0.30.2":
|
||||
version "0.30.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util-rlp/-/util-rlp-0.30.2.tgz#ffb354e8291fd016a3ddc0c44d25af5eedae0f09"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@polkadot/util" "^0.29.33"
|
||||
"@polkadot/util" "^0.30.2"
|
||||
|
||||
"@polkadot/util@^0.29.33":
|
||||
version "0.29.33"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util/-/util-0.29.33.tgz#b8e59146584c4649ca9308aa636d63d0b2ea2db3"
|
||||
"@polkadot/util@^0.30.2":
|
||||
version "0.30.2"
|
||||
resolved "https://registry.yarnpkg.com/@polkadot/util/-/util-0.30.2.tgz#097eb2cbd5af7fed3809323b95df99b0369f5ef3"
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.0.0"
|
||||
"@types/bn.js" "^4.11.1"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user