Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 405
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
- 
 
 2 
import { Container } from 'react-bootstrap'
- 
 
 3 
import styled from 'styled-components'
- 
 
 4 
import AddIcon from '@mui/icons-material/Add'
Línea -... Línea 5...
- 
 
 5 
 
- 
 
 6 
import { device } from '../../styles/MediaQueries'
- 
 
 7 
 
- 
 
 8 
const StyledHeader = styled(Container)`
- 
 
 9 
  display: flex;
- 
 
 10 
  align-items: center;
- 
 
 11 
  justify-content: center;
- 
 
 12 
  position: relative;
- 
 
 13 
  h1 {
- 
 
 14 
    font-size: 1.1rem;
- 
 
 15 
    font-weight: 600;
- 
 
 16 
  }
- 
 
 17 
  button {
- 
 
 18 
    display: flex;
- 
 
 19 
    align-items: center;
- 
 
 20 
    gap: 0.5rem;
- 
 
 21 
    position: relative;
- 
 
 22 
    font-weight: 600;
- 
 
 23 
    @media ${device.tablet} {
- 
 
 24 
      position: absolute;
- 
 
 25 
      right: 0;
- 
 
 26 
      top: 50%;
- 
 
 27 
      transform: translateY(-50%);
- 
 
 28 
    }
- 
 
 29 
  }
- 
 
 30 
  @media ${device.mobile} {
- 
 
 31 
    justify-content: space-between;
- 
 
 32 
  }
- 
 
 33 
`
2 
 
 34 
 
3 
const TitleSection = ({ onAdd, title, addLabel = 'Agregar' }) => {
 35 
const TitleSection = ({ onAdd = () => null, addLabel = '', title = '' }) => {
4 
  return (
 36 
  return (
5 
    <div className="company-title">
 - 
 
6 
      <h1 className="title mx-auto">{title}</h1>
 37 
    <StyledHeader>
7 
      {onAdd && (
 38 
      <h1>{title}</h1>
8 
        <h2 className="title cursor-pointer" onClick={onAdd}>
 39 
      <button onClick={onAdd}>
9 
          {addLabel}
 40 
        <AddIcon />
10 
        </h2>
 41 
        {addLabel}
11 
      )}
 42 
      </button>
12 
    </div>
 43 
    </StyledHeader>
13 
  )
 44 
  )
Línea 14... Línea 45...
14 
}
 45 
}