// @flow
import React from "react";
import { translate } from "react-i18next";
import {Loading, Subtitle} from "@scm-manager/ui-components";
import {getAppVersion} from "../../modules/indexResource";
import {connect} from "react-redux";
import Title from "@scm-manager/ui-components/src/layout/Title";

type Props = {
  loading: boolean,
  error: Error,

  version: string,

  // context objects
  t: string => string
};

class AdminDetails extends React.Component<Props> {
  render() {
    const { t, loading } = this.props;

    if (loading) {
      return <Loading />;
    }

    return <>
      <Title title={t("admin.information.currentAppVersion")}/>
      <Subtitle subtitle={this.props.version}/>
    </>;
  }
}

const mapStateToProps = (state: any) => {
  const version = getAppVersion(state);
  return {
    version
  };
};

export default connect(mapStateToProps)(translate("admin")(AdminDetails));