From bede98be70ebb9d4b5ebcd73acdcb0f5ab675fc8 Mon Sep 17 00:00:00 2001
From: Johan Book <{ID}+{username}@users.noreply.github.com>
Date: Sun, 24 Nov 2024 09:41:32 +0100
Subject: [PATCH] feat(web-ui): add link to page to create organization

---
 .../OrganizationListPage.nav.tsx                    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/services/web-ui/src/pages/OrganizationListPage/OrganizationListPage.nav.tsx b/services/web-ui/src/pages/OrganizationListPage/OrganizationListPage.nav.tsx
index 78752b51..9e9dfcfc 100644
--- a/services/web-ui/src/pages/OrganizationListPage/OrganizationListPage.nav.tsx
+++ b/services/web-ui/src/pages/OrganizationListPage/OrganizationListPage.nav.tsx
@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from "react";
 import { Link as ReactRouterLink } from "react-router-dom";
 
-import { ArrowBack } from "@mui/icons-material";
-import { Box, IconButton, Typography } from "@mui/material";
+import { Add, ArrowBack } from "@mui/icons-material";
+import { Box, Fab, IconButton, Typography } from "@mui/material";
 
 import { Nav } from "src/components/nav";
 import { useTranslation } from "src/core/i18n";
@@ -37,6 +37,15 @@ export function OrganizationListPageNav({
       <Box sx={{ pt: 1, px: 3 }}>
         <Typography color="textSecondary">{t("description")}</Typography>
 
+        <Fab
+          component={ReactRouterLink}
+          color="primary"
+          sx={{ position: "absolute", bottom: 70, right: 10 }}
+          to="/group/create"
+        >
+          <Add />
+        </Fab>
+
         {children}
       </Box>
     </Nav>