import * as React from 'react';
import { inject } from 'mobx-react';

import Settings from '../../containers/settings/Settings';
import Payment from '../../containers/payment/Payment';

interface IGreidslumatiProps {
  subscriptionId: string;
  ui?: any;
}

const Greidslumati = ({ subscriptionId, ui: { pageColor } }: IGreidslumatiProps) => {

  return (
    <Settings subscriptionId={subscriptionId}>
      <Payment color={pageColor} subId={subscriptionId} />
    </Settings>
  );
};

Greidslumati.getInitialProps = async ({ query }: any) => {
  return {
    subscriptionId: query.subscriptionId,
    namespacesRequired: ['stillingar'],
  };
};

export default inject('ui')(Greidslumati);