* Create app-storage structure * Split shared components into ui-react-app * Cleanup @flow issues * Rename apps classes * Split with ui-react-app operational * Import es semantic-ui * Selection section/key split into 2 * Basic storage queries (no-params) in-place * Upgrades * No-param queries operational * Default values operational (dropdown) * Additional cleanups, constrolled value * @flow updates * @flow fixes * Move Params to ui-react-app (future-use in app-storage) * Fix final @flow issues * Query removal * Cleanups * Update README * Upgrades * Fixup cached components * Bump @polkadot/rx-react * Simple explorer animations * Additional (final) cleanups
40 lines
928 B
JavaScript
40 lines
928 B
JavaScript
// Copyright 2017-2018 Jaco Greeff
|
|
// This software may be modified and distributed under the terms
|
|
// of the ISC license. See the LICENSE file for details.
|
|
// @flow
|
|
|
|
import type { Location } from 'react-router-dom';
|
|
import type { I18nProps } from '@polkadot/ui-react-app/types';
|
|
|
|
import './Content.css';
|
|
|
|
import React from 'react';
|
|
import { withRouter } from 'react-router';
|
|
|
|
import routing from '../routing';
|
|
import translate from '../translate';
|
|
|
|
type Props = I18nProps & {
|
|
location: Location
|
|
};
|
|
|
|
function Content ({ className, location, style }: Props): React$Node {
|
|
const app = location.pathname.slice(1) || routing.default;
|
|
|
|
return (
|
|
<div
|
|
className={['apps--Content', className].join(' ')}
|
|
style={style}
|
|
>
|
|
<iframe
|
|
className='apps--Content-Frame'
|
|
src={`index.html?app=${app}`}
|
|
title={app}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
export default translate(
|
|
withRouter(Content)
|
|
);
|