diff --git a/README.md b/README.md index e63e040501..5f3f3afbe3 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ The repo is split into a number of packages, each representing an application. T - [apps](packages/apps/) This is the main entry point. It handles the selection sidebar and routing to the specific application being displayed. - [app-accounts](packages/app-accounts/) A basic account management app. - [app-address-book](packages/app-address-book/) A basic address management app. -- [app-democracy](packages/app-democracy/) A basic voting app, allowing votes on activate proposals and referendums. +- [app-democracy](packages/app-democracy/) A basic voting app, allowing votes on activate proposals and referenda. - [app-explorer](packages/app-explorer/) A simple block explorer. It only shows the most recent blocks, updating as they become available. - [app-extrinsics](packages/app-extrinsics/) Submission of extrinsics to a node. - [app-js](packages/app-js/) An online code editor with [@polkadot-js/api](https://github.com/polkadot-js/api/tree/master/packages/api) access to the currently connected node. @@ -27,7 +27,7 @@ The repo is split into a number of packages, each representing an application. T - [app-nodeinfo](packages/app-nodeinfo/) Node information and status - [app-storage](packages/app-storage/) A simple node storage query application. Multiple queries can be queued and updates as new values become available. - [app-toolbox](packages/app-toolbox/) Sumission of raw data to RPC endpoints and utility hashing functions. -- [app-transfer](packages/app-transfer/) A basic account management app, allowing transfer of DOTs between accounts. +- [app-transfer](packages/app-transfer/) A basic account management app, allowing transfer of Units/DOTs between accounts. In addition the following libraries are also included in the repo. These are to be moved to the [@polkadot/ui](https://github.com/polkadot-js/ui/) repository once it reaches a base level of stability and usability. (At this point with the framework being tested on the apps above, it makes development easier having it close) diff --git a/packages/app-accounts/src/Creator.tsx b/packages/app-accounts/src/Creator.tsx index b5181d2368..6ff2813c40 100644 --- a/packages/app-accounts/src/Creator.tsx +++ b/packages/app-accounts/src/Creator.tsx @@ -150,8 +150,9 @@ class Creator extends React.PureComponent { @@ -159,12 +160,13 @@ class Creator extends React.PureComponent {
{
@@ -195,6 +198,7 @@ class Creator extends React.PureComponent {
{
//". The "/" and "//" may be repeated and mixed`.')} isError={!!deriveError} label={t('secret derivation path')} onChange={this.onChangeDerive} @@ -263,7 +268,7 @@ class Creator extends React.PureComponent { {t('We will provide you with a generated backup file after your account is created. As long as you have access to your account you can always redownload this file later.')} - {t('Please make sure to save this file in a secure location as it is the only way to restore your account.')} + {t('Please make sure to save this file in a secure location as it is required, together with your password, to restore your account.')} { isPassValid: false, isSeedValid: true, isValid: false, - name: 'new keypair', + name: 'new account', password: '', pairType, seedType, diff --git a/packages/app-accounts/src/Editor.tsx b/packages/app-accounts/src/Editor.tsx index 0dc48d1a3e..4e5c11d4cf 100644 --- a/packages/app-accounts/src/Editor.tsx +++ b/packages/app-accounts/src/Editor.tsx @@ -115,9 +115,10 @@ class Editor extends React.PureComponent {
{
@@ -135,6 +137,7 @@ class Editor extends React.PureComponent {
{ @@ -82,8 +83,9 @@ class Restore extends React.PureComponent { diff --git a/packages/app-accounts/src/Vanity/index.tsx b/packages/app-accounts/src/Vanity/index.tsx index 86764fbc2a..0a794ca208 100644 --- a/packages/app-accounts/src/Vanity/index.tsx +++ b/packages/app-accounts/src/Vanity/index.tsx @@ -114,16 +114,18 @@ class VanityApp extends React.PureComponent { { return (
+
{ @@ -92,8 +93,9 @@ class Creator extends React.PureComponent {
diff --git a/packages/app-address-book/src/Editor.tsx b/packages/app-address-book/src/Editor.tsx index 5f45afa7e4..9418725675 100644 --- a/packages/app-address-book/src/Editor.tsx +++ b/packages/app-address-book/src/Editor.tsx @@ -99,9 +99,10 @@ class Editor extends React.PureComponent {
{
diff --git a/packages/app-address-book/src/index.tsx b/packages/app-address-book/src/index.tsx index 3bad9734dc..6e24796abf 100644 --- a/packages/app-address-book/src/index.tsx +++ b/packages/app-address-book/src/index.tsx @@ -11,9 +11,11 @@ import './index.css'; import React from 'react'; import { Route, Switch } from 'react-router'; import addressObservable from '@polkadot/ui-keyring/observable/addresses'; +import { HelpOverlay } from '@polkadot/ui-app'; import Tabs, { TabItem } from '@polkadot/ui-app/Tabs'; import { withMulti, withObservable } from '@polkadot/ui-api'; +import basicMd from './md/basic.md'; import Creator from './Creator'; import Editor from './Editor'; import translate from './translate'; @@ -86,6 +88,7 @@ class AddressBookApp extends React.PureComponent { return (
+
{ return (
-

{t('referendums')}

+

{t('referendum')}

{this.renderReferendums()}
); @@ -37,7 +37,7 @@ class Referendums extends React.PureComponent { if (!referendums.length) { return (
- {t('no available referendums')} + {t('no available referendum')}
); } diff --git a/packages/app-democracy/src/Summary.tsx b/packages/app-democracy/src/Summary.tsx index 71183d820e..837d08d13d 100644 --- a/packages/app-democracy/src/Summary.tsx +++ b/packages/app-democracy/src/Summary.tsx @@ -31,7 +31,7 @@ class Summary extends React.PureComponent { {formatNumber(democracy_publicPropCount)} - + {formatNumber(democracy_referendumCount)} diff --git a/packages/app-democracy/src/Voting.tsx b/packages/app-democracy/src/Voting.tsx index 7324c40af2..e80642f2fa 100644 --- a/packages/app-democracy/src/Voting.tsx +++ b/packages/app-democracy/src/Voting.tsx @@ -39,6 +39,7 @@ class Voting extends React.PureComponent { return (
{ return (
+
{ {this.renderAddress(accountId, 'medium')}
{ return (
+
{
{ !file || clearContent - ? placeholder || t('drag and drop the file here') + ? placeholder || t('click to select or drag and drop the file here') : placeholder || t('{{name}} ({{size}} bytes)', { replace: file }) diff --git a/packages/ui-app/src/Password.tsx b/packages/ui-app/src/Password.tsx index 54877223e8..5d44482f96 100644 --- a/packages/ui-app/src/Password.tsx +++ b/packages/ui-app/src/Password.tsx @@ -15,6 +15,7 @@ type Props = BareProps & { autoFocus?: boolean, children?: React.ReactNode, defaultValue?: any, + help?: string, isDisabled?: boolean, isError?: boolean, label?: string, @@ -36,7 +37,7 @@ export default class Password extends React.PureComponent { }; render () { - const { autoFocus, children, className, defaultValue, isDisabled, isError, label, name, onChange, onKeyDown, style, tabIndex, value, withLabel } = this.props; + const { autoFocus, children, className, defaultValue, help, isDisabled, isError, label, name, onChange, onKeyDown, style, tabIndex, value, withLabel } = this.props; const { isVisible } = this.state; return ( @@ -44,6 +45,7 @@ export default class Password extends React.PureComponent { autoFocus={autoFocus} className={classes('ui--Password', className)} defaultValue={defaultValue} + help={help} isAction isDisabled={isDisabled} isError={isError} diff --git a/packages/ui-params/src/Param/KeyValueArray.tsx b/packages/ui-params/src/Param/KeyValueArray.tsx index 1fb7583635..ced3a2b467 100644 --- a/packages/ui-params/src/Param/KeyValueArray.tsx +++ b/packages/ui-params/src/Param/KeyValueArray.tsx @@ -40,7 +40,7 @@ class KeyValueArray extends React.PureComponent { constructor (props: Props) { super(props); - this.placeholderEmpty = props.t('drag and drop JSON key/value (hex-encoded) file'); + this.placeholderEmpty = props.t('click to select or drag and drop JSON key/value (hex-encoded) file'); this.state = { placeholder: this.placeholderEmpty };