ghost-portal/packages/ui-api/src/with/api.tsx
Jaco Greeff eb0abb8307
Cleanup api call usage (#617)
* Rename apiPromise -> api

* First attemp at React render component (unused)

* Cleanup api call usage

* Cleanup linting

* Remove render component

* Adjustments on HOC types (& usage)
2019-01-18 23:04:13 +01:00

35 lines
1.1 KiB
TypeScript

// Copyright 2017-2019 @polkadot/ui-api 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 { ApiProps, Subtract } from '../types';
import { DefaultProps } from './types';
import React from 'react';
import { assert } from '@polkadot/util';
import { ApiConsumer } from '../ApiContext';
export default function withApi <P extends ApiProps> (Inner: React.ComponentType<P>, defaultProps: DefaultProps = {}): React.ComponentType<any> {
return class WithApi extends React.PureComponent<Subtract<P, ApiProps>> {
render () {
return (
<ApiConsumer>
{(apiProps?: ApiProps) => {
assert(apiProps && apiProps.api, `Application root must be wrapped inside 'rx-react/Api' to provide API context`);
return (
// @ts-ignore Something here with the props are going wonky
<Inner
{...defaultProps}
{...apiProps}
{...this.props}
/>
);
}}
</ApiConsumer>
);
}
};
}