Added ability to build a system through Tapis UI (#341)

* Added ability to build a system through Tapis UI

* ran prettier and fixed linting issues

* added a comment to the effectiveUserId

---------

Co-authored-by: Steven Oh <[email protected]>
Co-authored-by: Steven Oh <[email protected]>

src/tapis-api/systems/index.ts

@@ -1,3 +1,4 @@
 export { default as list } from './list';
 export { default as details } from './details';
 export { default as listSchedulerProfiles } from './schedulerProfiles';
+export { default as makeNewSystem } from './makeNewSystem';

src/tapis-api/systems/makeNewSystem.ts

@@ -0,0 +1,21 @@
+import { Systems } from '@tapis/tapis-typescript';
+import { apiGenerator, errorDecoder } from 'tapis-api/utils';
+
+const makeNewSystem = (
+  reqCreateSystem: Systems.ReqCreateSystem,
+  basePath: string,
+  jwt: string,
+  skipCredentialCheck?: boolean
+) => {
+  const api: Systems.SystemsApi = apiGenerator<Systems.SystemsApi>(
+    Systems,
+    Systems.SystemsApi,
+    basePath,
+    jwt
+  );
+  return errorDecoder<Systems.RespBasic>(() =>
+    api.createSystem({ reqCreateSystem, skipCredentialCheck })
+  );
+};
+
+export default makeNewSystem;

src/tapis-app/Systems/_Layout/Layout.tsx

@@ -6,12 +6,14 @@ import {
   LayoutNavWrapper,
 } from 'tapis-ui/_common';
 import { SystemsNav } from '../_components';
+import SystemToolbar from '../_components/SystemToolbar';
 import { Router } from '../_Router';
 
 const Layout: React.FC = () => {
   const header = (
     <LayoutHeader>
       <div>System List</div>
+      <SystemToolbar />
     </LayoutHeader>
   );
 

src/tapis-app/Systems/_components/SystemToolbar/CreateSystemModal/CreateSystemModal.module.scss

@@ -0,0 +1,16 @@
+.modal-settings {
+  max-height: 38rem;
+  overflow-y: scroll;
+}
+
+.item {
+  border: 1px dotted lightgray;
+  padding: 0.5em 0.5em 0.5em 0.5em;
+  margin-bottom: 1em;
+}
+
+.array {
+  border: 1px solid gray;
+  padding: 0.5em 0.5em 0.5em 0.5em;
+  margin-bottom: 0.5em;
+}