secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Upgrading all buttons to Button component

Browse Source
This commit is contained in:
James Barnsley
2020-08-16 20:00:10 +12:00
parent eb90730667
commit d02d5dd491
42 changed files with 1060 additions and 531 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/js/views/modals/EditRadio.js
View File

@ -15,6 +15,7 @@ import {
} from '../../util/helpers';
import { i18n, I18n } from '../../locale';
import TextField from '../../components/Fields/TextField';
import Button from '../../components/Button';
const SeedListItem = ({ seed, remove }) => (
<div className="list__item list__item--no-interaction" key={seed.uri}>
@ -28,14 +29,17 @@ const SeedListItem = ({ seed, remove }) => (
{` (${uriType(seed.uri)})`}
</span>
)}
<button
type="button"
className="button button--discrete button--destructive button--tiny pull-right"
<Button
type="destructive"
size="tiny"
className="pull-right"
discrete
onClick={() => remove(seed.uri)}
tracking={{ category: 'Directory', action: 'Play' }}
>
<Icon name="delete" />
<I18n path="actions.remove" />
</button>
</Button>
</div>
);
@ -277,28 +281,35 @@ class EditRadio extends React.Component {
</div>
<div className="actions centered-text">
{this.state.enabled ? (
<span className="button button--destructive button--large" onClick={(e) => this.handleStop(e)}>
{this.state.enabled && (
<Button
type="destructive"
size="large"
onClick={(e) => this.handleStop(e)}
tracking={{ category: 'Radio', action: 'Stop' }}
>
<I18n path="actions.add" />
</span>
) : null}
</Button>
)}
{this.state.enabled ? (
<button
className="button button--primary button--large"
<Button
type="primary"
size="large"
onClick={(e) => this.handleUpdate(e)}
type="button"
tracking={{ category: 'Radio', action: 'Update' }}
>
<I18n path="actions.save" />
</button>
</Button>
) : (
<button
className="button button--primary button--large"
<Button
type="primary"
size="large"
onClick={(e) => this.handleStart(e)}
type="button"
tracking={{ category: 'Radio', action: 'Start' }}
>
<I18n path="actions.start" />
</button>
</Button>
)}
</div>
</form>