Add link to rules to problems page (again) (#429)

* Add link to rules to problems page (again) * fix wrapping --------- Co-authored-by: rtrembecky <[email protected]>
ZdruzenieSTROM · Nov 21, 2024 · 53546f5 · 53546f5
1 parent 9804a3c
commit 53546f5
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/components/Problems/Problems.tsx b/src/components/Problems/Problems.tsx
@@ -109,6 +109,8 @@ export const Problems: FC = () => {
   const [displayLoginDialog, setDisplayLoginDialog] = useState<boolean>(false)
   const closeLoginDialog = () => setDisplayLoginDialog(false)
 
+  const rulesLink = `/${seminar}/akcie/${seminar}/pravidla`
+
   return (
     <>
       <Dialog
@@ -155,13 +157,21 @@ export const Problems: FC = () => {
           <LoginForm closeDialog={closeLoginDialog} />
         </Stack>
       </Dialog>
+
       <Stack gap={5}>
-        <Typography variant="body1" display="inline-flex">
-          Ak si nevieš poradiť s niektorou z úloh, pozri si{' '}
-          <Link variant="button2" href={`/${seminar}/ako-riesit`}>
-            pár tipov
+        <Stack direction="row" justifyContent="space-between" flexWrap="wrap">
+          <Stack direction="row" flexWrap="wrap">
+            <Typography variant="body1" display="inline-flex" mr={0.5}>
+              Ak si nevieš poradiť s niektorou z úloh, pozri si
+            </Typography>
+            <Link variant="button2" href={`/${seminar}/ako-riesit`}>
+              pár tipov
+            </Link>
+          </Stack>
+          <Link variant="button2" href={rulesLink}>
+            Pravidlá
           </Link>
-        </Typography>
+        </Stack>
         {(loading.semesterListIsLoading ||
           loading.currentSeriesIsLoading ||
           seriesIsLoading ||