import * as React from 'react';

import { inject, observer } from 'mobx-react';

import Settings from '../../containers/settings/Settings';
import Greidandi from '../components/service-settings/containers/greidandi';

interface IGreidandiProps {
  subscriptionId: string;
  pathname: string;
  profiles?: any;
  ui?: any;
  authentication?: any;
}

const Page = ({ subscriptionId, profiles, ui, authentication }: IGreidandiProps) => {
  return (
    <Settings subscriptionId={subscriptionId}>
      <Greidandi subscriptionId={subscriptionId} color={ui.pageColor} />
    </Settings>
  );
};

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

export default inject('ui', 'profiles', 'authentication')(observer(Page));