import React from 'react';
import { inject } from 'mobx-react';
import Settings from '../../containers/settings/Settings';
import { IContext } from 'typings/context';
import ChangePayDate from 'containers/change-pay-date/ChangePayDate';

interface IRegisterProps {
  subscriptionId: string;
  pathname: string;
}

const Period = ({ subscriptionId }: IRegisterProps) => {
  return (
    <Settings subscriptionId={subscriptionId}>
      <ChangePayDate subscriptionId={subscriptionId}></ChangePayDate>
    </Settings>
  );
};

Period.getInitialProps = ({ query }: IContext) => {
  return {
    subscriptionId: query?.subscriptionId,
    namespacesRequired: ['stillingar'],
  };
};

export default inject('authentication')(Period);