import React, { useState, useEffect } from "react";
import SystemVersionComponent from "./SystemVersionComponent";
import { routes, get } from "../../../utils/api";

const SystemVersionContainer = () => {
  const [state, setState] = useState({ data: {}, loaded: false });

  useEffect(() => {
    if (state.loaded) return;
    get(routes.systemVersion, {
      onCompleted: data => setState({ data, loaded: true })
    });
  }, [state.loaded]);

  return <>{state.loaded && <SystemVersionComponent data={state.data} />}</>;
};

export default SystemVersionContainer;