CEC-749 Generate cert UI (#141)

* Add Create Certificate page

* Tests

* Update permission check

* Use Azure

src/components/Certificates/Add/index.jsx

@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from "react";
+
+import {
+  useCertificateContext,
+  CertificateProvider,
+} from "../../Contexts/CertificateContext";
+import { useStatusContext } from "../../Contexts/StatusContext";
+import { useUserContext } from "../../Contexts/UserContext";
+import { logger } from "../../../services/monitoring";
+import CreateForm from "./CreateForm";
+import DownloadCerts from "./DownloadCerts";
+
+const VIEW_FORM = 0;
+const VIEW_DOWNLOAD = 1;
+
+const MainForm = () => {
+  const { busy, createCert } = useCertificateContext();
+  const { setMessage, setTitle, setSitePath } = useStatusContext();
+  const {
+    token: {
+      idToken: { jwtToken: token },
+    },
+  } = useUserContext();
+  const [view, setView] = useState(VIEW_FORM);
+  const [pubCert, setPubCert] = useState(null);
+  const [privCert, setPrivCert] = useState(null);
+  const [vin, setVIN] = useState(null);
+
+  useEffect(() => {
+    setTitle("Create Certificate");
+    setSitePath([
+      {
+        label: "Tools",
+        link: "/tools/certificates/add",
+      },
+      {
+        label: "Create Certificate",
+      },
+    ]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const onCreate = async (data) => {
+    try {
+      const result = await createCert(data, token);
+
+      setPubCert(result.public_key);
+      setPrivCert(result.private_key);
+      setVIN(data.vin);
+      setMessage(`Created ${data.vin} certificate`);
+      setView(VIEW_DOWNLOAD);
+    } catch (e) {
+      setMessage(e.message);
+      logger.warn(e.stack);
+    }
+  };
+
+  const onChangeView = () => {
+    setPubCert(null);
+    setPrivCert(null);
+    setVIN(null);
+
+    setView(VIEW_FORM);
+  };
+
+  if (view === VIEW_DOWNLOAD)
+    return (
+      <DownloadCerts
+        vin={vin}
+        publicCert={pubCert}
+        privateCert={privCert}
+        onChangeView={onChangeView}
+      />
+    );
+
+  return <CreateForm onCreate={onCreate} busy={busy} />;
+};
+
+const CertificateCreate = () => (
+  <CertificateProvider>
+    <MainForm />
+  </CertificateProvider>
+);
+
+export default CertificateCreate;