Add empty SIS integration page

src/components/layout/Sidebar/Admin.js

@@ -9,7 +9,7 @@ import withLinks from '../../../hoc/withLinks';
 
 const Admin = ({
   currentUrl,
-  links: { ADMIN_INSTANCES_URI, USERS_URI, FAILURES_URI }
+  links: { ADMIN_INSTANCES_URI, USERS_URI, FAILURES_URI, SIS_INTEGRATION_URI }
 }) =>
   <ul className="sidebar-menu">
     <MenuTitle
@@ -53,6 +53,17 @@ const Admin = ({
       currentPath={currentUrl}
       link={FAILURES_URI}
     />
+    <MenuItem
+      icon="id-badge"
+      title={
+        <FormattedMessage
+          id="app.sidebar.menu.admin.sis"
+          defaultMessage="SIS Integration"
+        />
+      }
+      currentPath={currentUrl}
+      link={SIS_INTEGRATION_URI}
+    />
   </ul>;
 
 Admin.propTypes = {

src/links/index.js

@@ -85,6 +85,9 @@ export const linksFactory = lang => {
   // failures details
   const FAILURES_URI = `${prefix}/app/submission-failures`;
 
+  // failures details
+  const SIS_INTEGRATION_URI = `${prefix}/app/sis-integration`;
+
   // download files
   const DOWNLOAD = fileId => `${API_BASE}/uploaded-files/${fileId}/download`;
 
@@ -131,7 +134,8 @@ export const linksFactory = lang => {
     DOWNLOAD,
     REFERENCE_SOLUTION_EVALUATION_URI_FACTORY,
     LOGIN_EXTERN_FINALIZATION,
-    FAILURES_URI
+    FAILURES_URI,
+    SIS_INTEGRATION_URI
   };
 };
 

src/pages/SisIntegration/SisIntegration.js

@@ -0,0 +1,76 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { FormattedMessage } from 'react-intl';
+
+import PageContent from '../../components/layout/PageContent';
+import { isLoggedAsSuperAdmin } from '../../redux/selectors/users';
+import { loggedInUserIdSelector } from '../../redux/selectors/auth';
+
+class SisIntegration extends Component {
+  static loadAsync = ({ groupId }, dispatch, userId, isSuperAdmin) =>
+    Promise.all([]);
+
+  componentWillMount() {
+    const { loadAsync, userId, isSuperAdmin } = this.props;
+    loadAsync(userId, isSuperAdmin);
+  }
+
+  componentWillReceiveProps(newProps) {}
+
+  render() {
+    // const {} = this.props;
+
+    return (
+      <PageContent
+        title={
+          <FormattedMessage
+            id="app.sisIntegration.title"
+            defaultMessage="SIS Integration"
+          />
+        }
+        description={
+          <FormattedMessage
+            id="app.sisIntegration.description"
+            defaultMessage="Integration with university SIS system"
+          />
+        }
+        breadcrumbs={[
+          {
+            text: (
+              <FormattedMessage
+                id="app.sisIntegration.title"
+                defaultMessage="SIS Integration"
+              />
+            ),
+            iconName: 'id-badge'
+          }
+        ]}
+      >
+        <div>
+          <div />
+        </div>
+      </PageContent>
+    );
+  }
+}
+
+SisIntegration.propTypes = {
+  userId: PropTypes.string.isRequired,
+  isSuperAdmin: PropTypes.bool.isRequired,
+  loadAsync: PropTypes.func.isRequired
+};
+
+const mapStateToProps = state => {
+  return {
+    userId: loggedInUserIdSelector(state),
+    isSuperAdmin: isLoggedAsSuperAdmin(state)
+  };
+};
+
+const mapDispatchToProps = (dispatch, { params }) => ({
+  loadAsync: (userId, isSuperAdmin) =>
+    SisIntegration.loadAsync(params, dispatch, userId, isSuperAdmin)
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(SisIntegration);

src/pages/SisIntegration/index.js

@@ -0,0 +1 @@
+export default from './SisIntegration';

src/pages/routes.js

@@ -38,7 +38,8 @@ import Pipelines from './Pipelines';
 import EditPipeline from './EditPipeline';
 import Pipeline from './Pipeline';
 import FAQ from './FAQ';
-import SubmissionFailures from './SubmissionFailures/SubmissionFailures';
+import SubmissionFailures from './SubmissionFailures';
+import SisIntegration from './SisIntegration';
 
 import ChangePassword from './ChangePassword';
 import ResetPassword from './ResetPassword';
@@ -141,6 +142,9 @@ const createRoutes = getState => {
           <Route path="submission-failures">
             <IndexRoute component={SubmissionFailures} />
           </Route>
+          <Route path="sis-integration">
+            <IndexRoute component={SisIntegration} />
+          </Route>
         </Route>
         <Route path="forgotten-password">
           <IndexRoute component={ResetPassword} />