🚩 Visa Tab should be enabled through configuration

.env.schema

@@ -4,3 +4,4 @@ REACT_APP_EGO_CLIENT_ID=ego
 # debug namespace, e.g. "app". See https://www.npmjs.com/package/debug
 REACT_APP_DEBUG=app
 REACT_APP_KEYCLOAK_ENABLED=false
+REACT_APP_PASSPORT_ENABLED=false

src/App.tsx

@@ -8,10 +8,11 @@ import { provideLoggedInUser } from 'stateProviders';
 import BreadCrumb from 'components/BreadCrumb';
 import Login from 'components/Login';
 import ResourceRoute from 'components/ResourceRoute';
+import { VISAS } from 'common/enums';
 import RESOURCE_MAP from 'common/RESOURCE_MAP';
 import Nav from 'components/Nav';
 import NoAccess from 'components/NoAccess';
-import { PUBLIC_PATH } from 'common/injectGlobals';
+import { PUBLIC_PATH, PASSPORT_ENABLED } from 'common/injectGlobals';
 
 const enhance = compose(provideLoggedInUser);
 
@@ -34,7 +35,7 @@ class App extends React.Component<any, any> {
                   <div css={{ width: 0, flexGrow: 1, display: 'flex', flexDirection: 'column' }}>
                     <BreadCrumb path={props.location.pathname} />
                     <Switch>
-                      {Object.keys(RESOURCE_MAP).map((key) => {
+                      {Object.keys(RESOURCE_MAP).filter(key => !(key === VISAS && !PASSPORT_ENABLED)).map((key) => {
                         const resource = RESOURCE_MAP[key];
                         return (
                           <ProtectedRoute

src/common/injectGlobals.ts

@@ -12,6 +12,8 @@ export const EGO_CLIENT_ID = process.env.REACT_APP_EGO_CLIENT_ID;
 
 export const PUBLIC_PATH = process.env.REACT_APP_PUBLIC_PATH;
 
+export const PASSPORT_ENABLED = process.env.REACT_APP_PASSPORT_ENABLED === 'true' || false;
+
 export const KEYCLOAK_ENABLED = process.env.REACT_APP_KEYCLOAK_ENABLED === 'true' || false;
 
 export const STATUSES = ['DISABLED', 'APPROVED', 'PENDING', 'REJECTED'];

src/components/Login.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import { API_ROOT, EGO_CLIENT_ID, KEYCLOAK_ENABLED } from 'common/injectGlobals';
+import { API_ROOT, EGO_CLIENT_ID, KEYCLOAK_ENABLED, PASSPORT_ENABLED } from 'common/injectGlobals';
 import { injectState } from 'freactal';
 import { css } from '@emotion/react';
 import jwtDecode from 'jwt-decode';
@@ -182,7 +182,7 @@ class Component extends React.Component<any, any> {
               ? 'Or login with one of the following services'
               : 'Login with one of the following'}
           </h3>
-          {providers.map(({ name, path, Icon }) => {
+          {providers.filter(provider => PASSPORT_ENABLED || provider.name !== LoginProvider.Passport).map(({ name, path, Icon }) => {
             return (
               <LoginButton
                 key={name}

src/components/Nav/Nav.tsx

@@ -7,6 +7,8 @@ import { injectState } from 'freactal';
 import { compose } from 'recompose';
 import { Icon } from 'semantic-ui-react';
 
+import { VISAS } from 'common/enums';
+import { PASSPORT_ENABLED } from 'common/injectGlobals';
 import RESOURCE_MAP from 'common/RESOURCE_MAP';
 import UnstyledButton from 'components/UnstyledButton';
 import CurrentUserNavItem from './CurrentUserNavItem';
@@ -73,6 +75,7 @@ const Nav = ({ effects, state }) => {
       </div>
       <ul css={listStyles}>
         {Object.keys(pickBy(RESOURCE_MAP, (r) => r.isParent)).map((key) => {
+          if(key === VISAS && !PASSPORT_ENABLED) { return null; }
           const resource = RESOURCE_MAP[key];
           return (
             <li key={key}>

src/services/createVisa.ts

@@ -4,7 +4,7 @@ import ajax from 'services/ajax';
 const BLOCKED_KEYS = ['id', 'createdAt', 'lastLogin', 'groups', 'applications'];
 
 export const createVisa = ({ item }) => {
-  return ajax.post(`/visa`, _.omit(item, BLOCKED_KEYS)).then(r => {
+  return ajax.post(`/visas`, _.omit(item, BLOCKED_KEYS)).then(r => {
     return r.data
   });
 };