ghost-portal/packages/apps/src/Content/index.js
Jaco Greeff a5607ac90e
App for realtime storage queries (#11)
* 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
2018-05-04 15:07:44 +02:00

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)
);