fef9f61c65
* Expose ApiPromise, cleanup API props * WIP * First component via ApiPromise * More items via ApiPromise * More robust availability handling * Disable routes based on API endpoint checks * Handle promises * Low-hanging fruit for call conversion * Remove extra params * Adjust rx components with children props * Start pulling in derived values * Additional derived * Bump * More derived values * Add derive.balances.fees * Additional account lookups * derive lookup for Id -> Index mappings * Cleanups, accountIdToIndex * Rework for new API * Update deps, all-ok after API bumps * Add voting and validating balances * Cleanup callback * Democracy wrap-up * 2019 * withApiPromise -> withApiCall * Calculate referendum number * Fix balances, withObservableBase -> withObservable * Cleanup with actual interfaces * withApiCall -> withCall * Bumps * api-observable types replaced * Half-effort to adjust extrinsic creation * No api-observable refs anymore * Cleanup storage query app * Cleanup call * Voting works... * Add Vote component * Update API
35 lines
932 B
TypeScript
35 lines
932 B
TypeScript
// Copyright 2017-2019 @polkadot/ui-app authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import { BareProps } from './types';
|
|
|
|
import React from 'react';
|
|
import SUIModal from 'semantic-ui-react/dist/commonjs/modules/Modal/Modal';
|
|
import settings from '@polkadot/ui-settings';
|
|
|
|
import classes from './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;
|
|
static Description = SUIModal.Description;
|
|
|
|
render () {
|
|
const { className } = this.props;
|
|
|
|
return (
|
|
<SUIModal
|
|
{...this.props}
|
|
className={classes(`theme--${settings.uiTheme}`, 'ui--Modal', className)}
|
|
/>
|
|
);
|
|
}
|
|
}
|