All files / src/apps/authentication/components AuthenticationRequired.tsx

84.62% Statements 11/13
50% Branches 2/4
100% Functions 3/3
90.91% Lines 10/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69                                            1x               1x 1x     1x   1x 1x 1x 1x                           2x           1x                  
import React, { useEffect } from "react";
import { connect } from "react-redux";
import { Redirect, useLocation } from "react-router-dom";
import {
  getUserDetailsAction,
  getUserDetailsLoadingSelector,
  profileSelector,
  setNextPageAction
} from "../redux";
import { APIProfile } from "../types";
import { ProgressOverlay } from "../../../utils/components";
import { AppState } from "../../../redux";
 
interface Props {
  children: any;
  isLoggedIn: boolean;
  getProfile: Function;
  profile?: APIProfile;
  profileLoading: boolean;
  setNextPage: (...args: Parameters<typeof setNextPageAction>) => void;
}
 
export const AuthenticationRequired: React.FC<Props> = ({
  children: Component,
  isLoggedIn,
  getProfile,
  profile,
  profileLoading,
  setNextPage
}) => {
  useEffect(() => {
    Iif (isLoggedIn) getProfile();
  }, [isLoggedIn, getProfile]);
 
  const location = useLocation();
 
  Eif (!isLoggedIn) {
    const currentPage = location.pathname + location.search + location.hash;
    setNextPage(currentPage);
    return <Redirect to="/login" />;
  }
 
  return (
    <ProgressOverlay
      delayRender
      loading={profileLoading}
      loadingMessage="Setting things up..."
    >
      <Component profile={profile} />
    </ProgressOverlay>
  );
};
 
const mapStateToProps = (state: AppState) => ({
  isLoggedIn: state.auth.isLoggedIn,
  profile: profileSelector(state),
  profileLoading: getUserDetailsLoadingSelector(state)
});
 
const mapDispatchToProps = {
  getProfile: getUserDetailsAction,
  setNextPage: setNextPageAction
};
 
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(AuthenticationRequired);