import React from 'react';
import { GridWrapper } from 'src/components/gridWrapper/GridWrapper';
import { Bakery } from 'src/views/tools/bakery/Bakery';
import { Accounting } from 'src/views/tools/accounting/Accounting';
import { NextPageContext } from 'next';
import { getProps } from 'src/utils/ssr';
import { BackupsView } from '../src/views/tools/backups/Backups';
import { MessagesView } from '../src/views/tools/messages/Messages';
import { WalletVersion } from '../src/views/tools/WalletVersion';

const ToolsView = () => (
  <>
    <Accounting />
    <BackupsView />
    <MessagesView />
    <Bakery />
    <WalletVersion />
  </>
);

const Wrapped = () => (
  <GridWrapper>
    <ToolsView />
  </GridWrapper>
);

export default Wrapped;

export async function getServerSideProps(context: NextPageContext) {
  return await getProps(context);
}