<Button
className="js-report-subscribe"
onClick={[Function]}
- type="button"
>
report.subscribe
</Button>
</div>
<Button
onClick={[Function]}
- type="button"
>
report.unsubscribe
</Button>
*/
import * as React from 'react';
import DeliveryAccordion from './DeliveryAccordion';
+import { Button } from '../../../components/ui/buttons';
import DeferredSpinner from '../../../components/common/DeferredSpinner';
import ListFooter from '../../../components/controls/ListFooter';
import Modal from '../../../components/controls/Modal';
)}
</div>
<footer className="modal-foot">
- <button className="button-link js-modal-close" onClick={this.props.onClose} type="button">
+ <Button className="button-link js-modal-close" onClick={this.props.onClose}>
{translate('close')}
- </button>
+ </Button>
</footer>
</Modal>
);
*/
import * as React from 'react';
import DeliveryItem from './DeliveryItem';
+import { Button } from '../../../components/ui/buttons';
import Modal from '../../../components/controls/Modal';
import { Webhook, WebhookDelivery } from '../../../app/types';
import { translateWithParameters, translate } from '../../../helpers/l10n';
payload={payload}
/>
<footer className="modal-foot">
- <button className="button-link js-modal-close" onClick={this.props.onClose} type="button">
+ <Button className="button-link js-modal-close" onClick={this.props.onClose}>
{translate('close')}
- </button>
+ </Button>
</footer>
</Modal>
);
*/
import * as React from 'react';
import CreateWebhookForm from './CreateWebhookForm';
+import { Button } from '../../../components/ui/buttons';
import Tooltip from '../../../components/controls/Tooltip';
import { translate, translateWithParameters } from '../../../helpers/l10n';
<Tooltip
overlay={translateWithParameters('webhooks.maximum_reached', WEBHOOKS_LIMIT)}
placement="left">
- <button className="js-webhook-create disabled" type="button">
- {translate('create')}
- </button>
+ <Button className="js-webhook-create disabled">{translate('create')}</Button>
</Tooltip>
);
}
return (
<>
- <button className="js-webhook-create" onClick={this.handleCreateOpen} type="button">
+ <Button className="js-webhook-create" onClick={this.handleCreateOpen}>
{translate('create')}
- </button>
+ </Button>
{this.state.openCreate && (
<CreateWebhookForm onClose={this.handleCreateClose} onDone={this.props.onCreate} />
)}
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link js-modal-close"
onClick={[MockFunction]}
- type="button"
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link js-modal-close"
onClick={[MockFunction]}
- type="button"
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link js-modal-close"
onClick={[MockFunction]}
- type="button"
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link js-modal-close"
onClick={[MockFunction]}
- type="button"
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
overlay="webhooks.maximum_reached.10"
placement="left"
>
- <button
+ <Button
className="js-webhook-create disabled"
- type="button"
>
create
- </button>
+ </Button>
</Tooltip>
</div>
`;
className="page-actions"
>
<React.Fragment>
- <button
+ <Button
className="js-webhook-create"
onClick={[Function]}
- type="button"
>
create
- </button>
+ </Button>
</React.Fragment>
</div>
`;
import { keyBy, sortBy, groupBy } from 'lodash';
import MeasuresOverlayMeasure from './MeasuresOverlayMeasure';
import MeasuresOverlayTestCases from './MeasuresOverlayTestCases';
+import { Button } from '../../../components/ui/buttons';
import { getFacets } from '../../../api/issues';
import { getMeasures } from '../../../api/measures';
import { getAllMetrics } from '../../../api/metrics';
});
};
- handleCloseClick = (event: React.SyntheticEvent<HTMLButtonElement>) => {
- event.preventDefault();
- event.currentTarget.blur();
- this.props.onClose();
- };
-
handleAllMeasuresClick = (event: React.SyntheticEvent<HTMLAnchorElement>) => {
event.preventDefault();
event.currentTarget.blur();
</div>
<footer className="modal-foot">
- <button className="button-link" onClick={this.handleCloseClick} type="button">
+ <Button className="button-link" onClick={this.props.onClose}>
{translate('close')}
- </button>
+ </Button>
</footer>
</Modal>
);
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link"
- onClick={[Function]}
- type="button"
+ onClick={[MockFunction]}
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link"
- onClick={[Function]}
- type="button"
+ onClick={[MockFunction]}
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
<footer
className="modal-foot"
>
- <button
+ <Button
className="button-link"
- onClick={[Function]}
- type="button"
+ onClick={[MockFunction]}
>
close
- </button>
+ </Button>
</footer>
</Modal>
`;
bar"
tooltipPlacement="top"
>
- <button
+ <Button
className="js-copy-to-clipboard no-select"
data-clipboard-text="foo
bar"
+ innerRef={[Function]}
>
- copy
- </button>
+ <button
+ className="button js-copy-to-clipboard no-select"
+ data-clipboard-text="foo
+bar"
+ onClick={[Function]}
+ type="button"
+ >
+ copy
+ </button>
+ </Button>
</ClipboardButton>
</div>
</CodeSnippet>
bar"
tooltipPlacement="top"
>
- <button
+ <Button
className="js-copy-to-clipboard no-select"
data-clipboard-text="foo \\\\
bar"
+ innerRef={[Function]}
>
- copy
- </button>
+ <button
+ className="button js-copy-to-clipboard no-select"
+ data-clipboard-text="foo \\\\
+ bar"
+ onClick={[Function]}
+ type="button"
+ >
+ copy
+ </button>
+ </Button>
</ClipboardButton>
</div>
</CodeSnippet>
copyValue="foo bar"
tooltipPlacement="top"
>
- <button
+ <Button
className="js-copy-to-clipboard no-select"
data-clipboard-text="foo bar"
+ innerRef={[Function]}
>
- copy
- </button>
+ <button
+ className="button js-copy-to-clipboard no-select"
+ data-clipboard-text="foo bar"
+ onClick={[Function]}
+ type="button"
+ >
+ copy
+ </button>
+ </Button>
</ClipboardButton>
</div>
</CodeSnippet>
import * as React from 'react';
import { withFormik, Form, FormikActions, FormikProps } from 'formik';
import Modal from './Modal';
+import { ResetButtonLink, SubmitButton } from '../../components/ui/buttons';
import DeferredSpinner from '../common/DeferredSpinner';
import { translate } from '../../helpers/l10n';
}
export default class ValidationModal<Values> extends React.PureComponent<Props<Values>> {
- handleCancelClick = (event: React.SyntheticEvent<HTMLButtonElement>) => {
- event.preventDefault();
- event.currentTarget.blur();
- this.props.onClose();
- };
-
handleSubmit = (data: Values, { setSubmitting }: FormikActions<Values>) => {
const result = this.props.onSubmit(data);
if (result) {
<footer className="modal-foot">
<DeferredSpinner className="spacer-right" loading={props.isSubmitting} />
- <button disabled={props.isSubmitting || !props.isValid || !props.dirty} type="submit">
+ <SubmitButton disabled={props.isSubmitting || !props.isValid || !props.dirty}>
{props.confirmButtonText}
- </button>
- <button
- className="button-link"
- disabled={props.isSubmitting}
- onClick={this.handleCancelClick}
- type="reset">
+ </SubmitButton>
+ <ResetButtonLink disabled={props.isSubmitting} onClick={this.props.onClose}>
{translate('cancel')}
- </button>
+ </ResetButtonLink>
</footer>
</Form>
));
loading={false}
timeout={100}
/>
- <button
+ <SubmitButton
disabled={true}
- type="submit"
>
confirm
- </button>
- <button
- className="button-link"
+ </SubmitButton>
+ <ResetButtonLink
disabled={false}
- onClick={[Function]}
- type="reset"
+ onClick={[MockFunction]}
>
cancel
- </button>
+ </ResetButtonLink>
</footer>
</Form>
`;