Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7268 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7268 stevensc 1 
import React from 'react'
7271 stevensc 2 
import { styled } from 'styled-components'
3 
import WidgetLayout from '../widgets/WidgetLayout'
7268 stevensc 4 
 
7271 stevensc 5 
const StyledContainer = styled(WidgetLayout)`
6 
  padding: 1rem;
7 
  h2 {
8 
    font-size: 1.1rem;
9 
    font-weight: 600;
10 
    color: var(--title-color);
11 
  }
12 
  h4 {
13 
    font-weight: 600;
14 
    color: var(--subtitle-color);
15 
  }
16 
  .info {
17 
    display: flex;
18 
    flex-direction: column;
19 
    gap: 0.5rem;
20 
  }
21 
`
22 
 
7268 stevensc 23 
const ClientInfo = ({
24 
  companyIndustry,
25 
  companySize,
26 
  companyAddress,
27 
  companyWebsite,
28 
  companyFoundationYear,
29 
}) => {
30 
  return (
7271 stevensc 31 
    <StyledContainer>
7268 stevensc 32 
      <h2>Sobre el cliente</h2>
7271 stevensc 33 
      <div className="info">
7268 stevensc 34 
        <h4>{companyIndustry}</h4>
35 
        <p>{companySize} empleados</p>
36 
      </div>
37 
      {companyAddress && (
7271 stevensc 38 
        <div className="info">
7268 stevensc 39 
          <p>{companyAddress}</p>
40 
        </div>
41 
      )}
42 
      {companyWebsite && (
7271 stevensc 43 
        <div className="info">
7268 stevensc 44 
          <h4>URL del sitio web de la empresa</h4>
45 
          <a href={`http://${companyWebsite}`} target="_blank" rel="noreferrer">
46 
            {companyWebsite}
47 
          </a>
48 
        </div>
49 
      )}
50 
      {companyFoundationYear && (
7271 stevensc 51 
        <div className="info">
7268 stevensc 52 
          <h4>Fundada</h4>
53 
          <p>{companyFoundationYear}</p>
54 
        </div>
55 
      )}
7271 stevensc 56 
    </StyledContainer>
7268 stevensc 57 
  )
58 
}
59 
 
60 
export default ClientInfo