Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3156 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3156 Rev 3719
Línea 1... Línea 1...
1 
import Button from '@app/components/UI/buttons/Buttons'
 1 
import Button from '@app/components/UI/buttons/Buttons';
2 
import React from 'react'
 2 
import React from 'react';
3 
import { Link } from 'react-router-dom'
 3 
import { Link } from 'react-router-dom';
4 
import styled from 'styled-components'
 4 
import styled from 'styled-components';
5 
 
 5 
 
6 
const NavigationList = styled.ul`
 6 
const NavigationList = styled.ul`
7 
  width: 100%;
 7 
  width: 100%;
8 
  display: flex;
 8 
  display: flex;
9 
  flex-direction: column;
 9 
  flex-direction: column;
10 
  gap: 0.5rem;
 10 
  gap: 0.5rem;
11 
  a,
 11 
  a,
12 
  button {
 12 
  button {
13 
    width: 100%;
 13 
    width: 100%;
14 
  }
 14 
  }
15 
`
 15 
`;
16 
 
 16 
 
17 
const Navigation = () => {
 17 
const Navigation = () => {
18 
  return (
 18 
  return (
19 
    <NavigationList>
 19 
    <NavigationList>
20 
      <li>
 20 
      <li>
21 
        <Link to='/signin'>
 21 
        <Link to='/signin'>
22 
          <Button color='secondary'>Entrar</Button>
 22 
          <Button color='secondary'>Entrar</Button>
23 
        </Link>
 23 
        </Link>
24 
      </li>
 24 
      </li>
25 
      <li>
 25 
      <li>
26 
        <Link to='/signup'>
 26 
        <Link to='/signup'>
27 
          <Button color='secondary'>Registrarse</Button>
 27 
          <Button color='secondary'>Registrarse</Button>
28 
        </Link>
 28 
        </Link>
29 
      </li>
 29 
      </li>
30 
      <li>
 30 
      <li>
31 
        <Link to='/forgot-password'>
 31 
        <Link to='/forgot-password'>
32 
          <Button color='secondary'>Olvide mi clave</Button>
 32 
          <Button color='secondary'>Olvide mi clave</Button>
33 
        </Link>
 33 
        </Link>
34 
      </li>
 34 
      </li>
35 
    </NavigationList>
 35 
    </NavigationList>
36 
  )
 36 
  );
37 
}
 37 
};
38 
 
 38 
 
39 
export default Navigation
 39 
export default Navigation;