Navigates to roles page instead of '/' on "Go back to Roles"

packages/app/src/components/views/Role/RoleNoTarget.tsx

@@ -1,5 +1,5 @@
 import { Box, makeStyles, Typography } from "@material-ui/core"
-import { Link as RouterLink } from "react-router-dom"
+import { Link as RouterLink, useParams } from "react-router-dom"
 import ButtonLink from "../../commons/input/ButtonLink"
 import { ArrowBackSharp } from "@material-ui/icons"
 
@@ -14,6 +14,7 @@ const useStyles = makeStyles(() => ({
 
 export const RoleNoTarget = () => {
   const classes = useStyles()
+  const { module } = useParams()
   return (
     <Box className={classes.mainPanelZeroState}>
       <Box sx={{ display: "flex", alignItems: "center", flexDirection: "column" }}>
@@ -23,7 +24,7 @@ export const RoleNoTarget = () => {
           Once you’ve added a target, you can configure the permissions here.
         </Typography>
         <Box sx={{ mt: 2 }}>
-          <RouterLink to="/">
+          <RouterLink to={`/${module}`}>
             <ButtonLink icon={<ArrowBackSharp fontSize="small" />} text="Go back to Roles" />
           </RouterLink>
         </Box>