Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1372 | Rev 1374 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1372 Rev 1373
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { NavLink as Link } from 'react-router-dom'
 2 
import { NavLink as Link, useLocation } from 'react-router-dom'
3 
import { Typography, Container, styled, Breadcrumbs } from '@mui/material'
 3 
import { Typography, Container, styled, Breadcrumbs } from '@mui/material'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea 5...
5 
import useFetch from '../../hooks/useFetch'
 5 
import useFetch from '../../hooks/useFetch'
Línea 6... Línea 6...
6 
 
 6 
 
- 
 
 7 
import styles from './PoliciesLayout.module.scss'
- 
 
 8 
 
- 
 
 9 
const StyledBreadcrumbs = styled(Breadcrumbs)`
- 
 
 10 
  li a {
- 
 
 11 
    padding: 0.5rem 1rem;
7 
import styles from './PoliciesLayout.module.scss'
 12 
    background-color: var(--font-color);
8 
 
 13 
    color: var(--bg-color);
- 
 
 14 
    border-radius: 20px;
9 
const StyledBreadcrumbs = styled(Breadcrumbs)`
 15 
    &.active {
10 
  li a.active {
 16 
      display: none;
Línea 11... Línea 17...
11 
    display: none;
 17 
    }
12 
  }
 18 
  }
Línea 23... Línea 29...
23 
  )
 29 
  )
24 
}
 30 
}
Línea 25... Línea 31...
25 
 
 31 
 
26 
const PoliciesNavigation = () => {
 32 
const PoliciesNavigation = () => {
- 
 
 33 
  const { data, isLoading } = useFetch('/helpers/footer')
Línea 27... Línea 34...
27 
  const { data, isLoading } = useFetch('/helpers/footer')
 34 
  const { pathname } = useLocation()
Línea 28... Línea 35...
28 
 
 35 
 
29 
  if (isLoading) return null
 36 
  if (isLoading) return null
30 
 
 37 
 
- 
 
 38 
  return (
- 
 
 39 
    <StyledBreadcrumbs sx={{ mb: 2 }} aria-label='breadcrumb'>
31 
  return (
 40 
      <Link exact to='/'>
32 
    <StyledBreadcrumbs sx={{ mb: 2 }} aria-label='breadcrumb'>
 41 
        Inicio
- 
 
 42 
      </Link>
- 
 
 43 
 
- 
 
 44 
      {Object.entries(data).map(([href, label]) => {
- 
 
 45 
        if (pathname.includes(href)) {
- 
 
 46 
          return null
33 
      <Link to='/'>Inicio</Link>
 47 
        }
34 
 
 48 
 
35 
      {Object.entries(data).map(([href, label]) => (
 49 
        return (
- 
 
 50 
          <Link key={`${href}-${label}`} to={href}>
36 
        <Link key={`${href}-${label}`} to={href}>
 51 
            {label}
37 
          {label}
 52 
          </Link>
38 
        </Link>
 53 
        )
39 
      ))}
 54 
      })}
Línea 40... Línea 55...
40 
    </StyledBreadcrumbs>
 55 
    </StyledBreadcrumbs>