Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2984 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2983 stevensc 1
import React from 'react'
2
import { NavigateBefore } from '@mui/icons-material'
3
import { Box, IconButton, Typography } from '@mui/material'
4
import { useNavigate } from 'react-router-dom'
5
 
6
export default function GoBackLayout({ title }) {
7
  const navigate = useNavigate()
8
 
9
  const navigateBefore = () => {
10
    navigate(-1)
11
  }
12
 
13
  return (
14
    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
15
      <IconButton onClick={navigateBefore}>
16
        <NavigateBefore />
17
      </IconButton>
18
 
19
      <Typography variant='h1' sx={{ paddingX: '1rem' }}>
20
        {title}
21
      </Typography>
22
    </Box>
23
  )
24
}