nonsed/client/app/src/containers/database/index.jsx

The Novel Ethereum Database Framework

import React, { Component } from 'react';
import { Provider } from 'unstated';
import { MainContainer, Section } from '@cybercongress/ui';
import Records from './Records';
import DatabasePopups from './DatabasePopups';
import RecordPopups from './RecordPopups';
import Header from './Header';
import General from './General';
import Overview from './Overview';
import Beneficiaries from './Beneficiaries';
import PageLoading from './PageLoading';
import page from './page';

class Database extends Component {
    componentDidMount() {
        const { dbsymbol } = this.props.params;

        page.init(dbsymbol);
    }

    render() {
        return (
            <Provider>

                <PageLoading />
                <DatabasePopups />
                <RecordPopups />

                <MainContainer>

                    <Header />

                    <General />

                    <Section>
                        <Overview />

                        <Beneficiaries />
                    </Section>

                    <Records />
                </MainContainer>
            </Provider>
        );
    }
}

export default Database;