From 0e0d0608a427bbba8d1082c43ddf8ed513c6452f Mon Sep 17 00:00:00 2001
From: Tore Brede <Tore.Brede@uib.no>
Date: Tue, 16 Nov 2021 13:47:31 +0100
Subject: [PATCH] Getting rid of TODO by making link configurable
---
.../routes/components/overviewGuestButton.tsx | 20 ++++++++++++++++---
1 file changed, 17 insertions(+), 3 deletions(-)
diff --git a/frontend/src/routes/components/overviewGuestButton.tsx b/frontend/src/routes/components/overviewGuestButton.tsx
index 4111268f..8d48c46c 100644
--- a/frontend/src/routes/components/overviewGuestButton.tsx
+++ b/frontend/src/routes/components/overviewGuestButton.tsx
@@ -6,7 +6,14 @@ import { useHistory } from 'react-router-dom'
import ArrowBackIcon from '@mui/icons-material/ArrowBack'
import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
-export default function OverviewGuestButton() {
+interface OverviewGuestButtonProperties {
+ backArrow?: string
+}
+
+export default function OverviewGuestButton(
+ properties: OverviewGuestButtonProperties
+) {
+ const { backArrow } = properties
const { t } = useTranslation(['common'])
const history = useHistory()
@@ -23,8 +30,15 @@ export default function OverviewGuestButton() {
justifyContent: 'space-evenly',
}}
>
- {/* TODO Where should the back arrow point to? */}
- <ArrowBackIcon />
+ {backArrow !== undefined ? (
+ <ArrowBackIcon
+ onClick={() => {
+ history.push(backArrow)
+ }}
+ />
+ ) : (
+ <ArrowBackIcon visibility="hidden" />
+ )}
<Box
sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}
--
GitLab