timeout redirect updated

components/case/representation/index.js

@@ -27,6 +27,7 @@ import RepAgent from "./representationAgent";
 import RepInterestedPartyPerson from "./representationInterestedPartyPerson";
 import RepLandOwner from "./representationLandowner";
 import RepCompleteSubmit from "./representationCompleteSubmit";
+import { useSession, signIn, signOut } from "next-auth/react";
 
 import {
     RenderPickList,
@@ -39,6 +40,7 @@ let MakeRepresentation = (props) => {
     const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
 
     const [clearRepForm, setClearRepForm] = useState(false);
+    const { data: session } = useSession();
 
     const router = useRouter();
     const { locale } = router;
@@ -250,11 +252,23 @@ let MakeRepresentation = (props) => {
                     />
                 ) : (
                     <>
-                        <h1 className="govuk-heading-l">
-                            Make a representation on:{" "}
-                            {currentView.caseReference.currentReference}
-                        </h1>
-                        {whichControl()}
+                        {!session ? (
+                            <button
+                                className="govuk-button withChevron govuk-button-cta"
+                                type="button"
+                                onClick={() => signIn("email")}
+                            >
+                                Sign in to raise representation
+                            </button>
+                        ) : (
+                            <>
+                                <h1 className="govuk-heading-l">
+                                    Make a representation on:{" "}
+                                    {currentView.caseReference.currentReference}
+                                </h1>
+                                {whichControl()}
+                            </>
+                        )}
                     </>
                 )}
             </form>