Add application summary

theopensystemslab · Dec 3, 2024 · 6c183e4 · 6c183e4
1 parent 810c7e4
commit 6c183e4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/editor.planx.uk/src/pages/SubmissionDownload/VerifySubmissionEmail.stories.tsx b/editor.planx.uk/src/pages/SubmissionDownload/VerifySubmissionEmail.stories.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import { VerifySubmissionEmail } from "./VerifySubmissionEmail";
 
 const meta = {
-  title: "Design System/Pages/VerifyEmail",
+  title: "Design System/Pages/VerifySubmissionEmail",
   component: VerifySubmissionEmail,
 } satisfies Meta<typeof VerifySubmissionEmail>;
 
@@ -13,5 +13,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Basic = {
-  render: () => <VerifySubmissionEmail params={{ sessionId: "1" }} />,
+  render: () => (
+    <VerifySubmissionEmail params={{ sessionId: "1", team: "PlanX" }} />
+  ),
 };
diff --git a/editor.planx.uk/src/pages/SubmissionDownload/VerifySubmissionEmail.tsx b/editor.planx.uk/src/pages/SubmissionDownload/VerifySubmissionEmail.tsx
@@ -3,6 +3,7 @@ import Container from "@mui/material/Container";
 import Typography from "@mui/material/Typography";
 import Card from "@planx/components/shared/Preview/Card";
 import { CardHeader } from "@planx/components/shared/Preview/CardHeader/CardHeader";
+import { SummaryListTable } from "@planx/components/shared/Preview/SummaryList";
 import axios, { isAxiosError } from "axios";
 import DelayedLoadingIndicator from "components/DelayedLoadingIndicator/DelayedLoadingIndicator";
 import { useFormik } from "formik";
@@ -96,6 +97,20 @@ export const VerifySubmissionEmail = ({
                     />
                   </InputLabel>
                 </InputRow>
+                <Typography
+                  maxWidth="formWrap"
+                  variant="h2"
+                  pt={5}
+                  gutterBottom
+                >
+                  Application details
+                </Typography>
+                <SummaryListTable>
+                  <Box component="dt">Session ID</Box>
+                  <Box component="dd">{sessionId}</Box>
+                  <Box component="dt">Local Authority</Box>
+                  <Box component="dd">{team}</Box>
+                </SummaryListTable>
               </>
             </ErrorWrapper>
           </Card>