From 3d1b0a1fab1329cd7dd28a7b85f7cff46524d00b Mon Sep 17 00:00:00 2001
From: Itay <itay@ox.security>
Date: Tue, 25 Jul 2023 12:26:31 +0300
Subject: [PATCH] Add back to homepage button

---
 .../app/src/report/components/ReportHeader.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/app/src/report/components/ReportHeader.tsx b/packages/app/src/report/components/ReportHeader.tsx
index 6387918..0fada0e 100644
--- a/packages/app/src/report/components/ReportHeader.tsx
+++ b/packages/app/src/report/components/ReportHeader.tsx
@@ -1,11 +1,16 @@
 import {
+  Divider,
+  IconButton,
   Paper,
   Theme,
+  Tooltip,
   Typography,
   useMediaQuery,
   useTheme,
 } from "@mui/material";
 import { FC } from "react";
+import { IoMdArrowBack } from "react-icons/io";
+import { NavLink } from "react-router-dom";
 import { makeStyles } from "tss-react/mui";
 import { LanguageIcon } from "../../common/LanguageIcon";
 import { useReportStore } from "../stores/fe-report-store";
@@ -68,6 +73,16 @@ export const ReportHeader: FC<ReportBannerProps> = ({ ready }) => {
           />
           <LanguageIcon language={language} />
         </div>
+        <Divider orientation="horizontal" sx={{ marginBlockStart: 2 }} />
+        <div className={classes.footer}>
+          <Tooltip arrow title="Back to homepage" placement="top">
+            <NavLink to="/">
+              <IconButton size="small">
+                <IoMdArrowBack />
+              </IconButton>
+            </NavLink>
+          </Tooltip>
+        </div>
       </div>
       <Score
         className={classes.score}
@@ -138,6 +153,9 @@ const useStyles = makeStyles()((theme: Theme) => ({
   nowrap: {
     wordBreak: "keep-all",
   },
+  footer: {
+    paddingBlock: theme.spacing(1),
+  },
 }));
 
 interface ReportBannerProps {