chore(idp): remove unused and unneeded dependencies

services/idp/src/components/Loading.jsx

@@ -8,8 +8,6 @@ import LinearProgress from '@material-ui/core/LinearProgress';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
-import renderIf from 'render-if';
-
 import { retryHello } from '../actions/common';
 import { ErrorMessage } from '../errors';
 
@@ -19,10 +17,10 @@ class Loading extends React.PureComponent {
 
     return (
         <Grid item align="center">
-          {renderIf(error === null)(() => (
+          {error === null && (
             <LinearProgress className="oc-progress" />
-          ))}
-          {renderIf(error !== null)(() => (
+          )}
+          {error !== null && (
             <div>
               <Typography variant="h5" gutterBottom align="center">
                 {t("konnect.loading.error.headline", "Failed to connect to server")}
@@ -40,7 +38,7 @@ class Loading extends React.PureComponent {
                 {t("konnect.login.retryButton.label", "Retry")}
               </Button>
             </div>
-          ))}
+          )}
         </Grid>
     );
   }

services/idp/src/components/ResponsiveScreen.jsx

@@ -1,7 +1,5 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
 import { Trans } from 'react-i18next';
 
 import { withStyles } from '@material-ui/core/styles';
@@ -62,7 +60,7 @@ const ResponsiveScreen = (props) => {
       alignItems="center"
       direction="column"
       spacing={0}
-      className={classNames(classes.root, className)}
+      className={[classes.root, className].filter(Boolean).join(' ')}
       {...other}
     >
       <div className={classes.wrapper}>

services/idp/src/containers/Goodbye/Goodbyescreen.jsx

@@ -4,8 +4,6 @@ import { connect } from 'react-redux';
 
 import { withTranslation } from 'react-i18next';
 
-import renderIf from 'render-if';
-
 import { withStyles } from '@material-ui/core/styles';
 import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
@@ -36,7 +34,7 @@ class Goodbyescreen extends React.PureComponent {
     const loading = hello === null;
     return (
       <ResponsiveScreen loading={loading} branding={branding}>
-        {renderIf(hello !== null && !hello.state)(() => (
+        {hello !== null && !hello.state && (
           <div>
             <Typography variant="h5" component="h3">
               {t("konnect.goodbye.headline", "Goodbye")}
@@ -48,8 +46,8 @@ class Goodbyescreen extends React.PureComponent {
               {t("konnect.goodbye.message.close", "You can close this window now.")}
             </Typography>
           </div>
-        ))}
-        {renderIf(hello !== null && hello.state === true)(() => (
+        )}
+        {hello !== null && hello.state === true && (
           <div>
             <Typography variant="h5" component="h3">
               {t("konnect.goodbye.confirm.headline", "Hello {{displayName}}", { displayName: hello.displayName })}
@@ -75,7 +73,7 @@ class Goodbyescreen extends React.PureComponent {
               </div>
             </DialogActions>
           </div>
-        ))}
+        )}
       </ResponsiveScreen>
     );
   }

services/idp/src/containers/Login/Consent.jsx

@@ -4,8 +4,6 @@ import {connect} from 'react-redux';
 
 import {withTranslation, Trans} from 'react-i18next';
 
-import renderIf from 'render-if';
-
 import {withStyles} from '@material-ui/core/styles';
 import Button from '@material-ui/core/Button';
 import BaseTooltip from '@material-ui/core/Tooltip';
@@ -165,11 +163,11 @@ class Consent extends React.PureComponent {
                         </div>
                     </DialogActions>
 
-                    {renderIf(errors.http)(() => (
+                    {errors.http && (
                         <Typography variant="subtitle2" color="error" className={classes.message}>
                             <ErrorMessage error={errors.http}></ErrorMessage>
                         </Typography>
-                    ))}
+                    )}
                 </form>
             </DialogContent>
         );