Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7268 Rev 7271
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
- 
 
 2 
import { styled } from 'styled-components'
- 
 
 3 
import WidgetLayout from '../widgets/WidgetLayout'
- 
 
 4 
 
- 
 
 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 
`
Línea 2... Línea 22...
2 
 
 22 
 
3 
const ClientInfo = ({
 23 
const ClientInfo = ({
4 
  companyIndustry,
 24 
  companyIndustry,
5 
  companySize,
 25 
  companySize,
6 
  companyAddress,
 26 
  companyAddress,
7 
  companyWebsite,
 27 
  companyWebsite,
8 
  companyFoundationYear,
 28 
  companyFoundationYear,
9 
}) => {
 29 
}) => {
10 
  return (
 30 
  return (
11 
    <div className="client-widget">
 31 
    <StyledContainer>
12 
      <h2>Sobre el cliente</h2>
 32 
      <h2>Sobre el cliente</h2>
13 
      <div className="client-info">
 33 
      <div className="info">
14 
        <h4>{companyIndustry}</h4>
 34 
        <h4>{companyIndustry}</h4>
15 
        <p>{companySize} empleados</p>
 35 
        <p>{companySize} empleados</p>
16 
      </div>
 36 
      </div>
17 
      {companyAddress && (
 37 
      {companyAddress && (
18 
        <div className="client-info">
 38 
        <div className="info">
19 
          <p>{companyAddress}</p>
 39 
          <p>{companyAddress}</p>
20 
        </div>
 40 
        </div>
21 
      )}
 41 
      )}
22 
      {companyWebsite && (
 42 
      {companyWebsite && (
23 
        <div className="client-info">
 43 
        <div className="info">
24 
          <h4>URL del sitio web de la empresa</h4>
 44 
          <h4>URL del sitio web de la empresa</h4>
25 
          <a href={`http://${companyWebsite}`} target="_blank" rel="noreferrer">
 45 
          <a href={`http://${companyWebsite}`} target="_blank" rel="noreferrer">
26 
            {companyWebsite}
 46 
            {companyWebsite}
27 
          </a>
 47 
          </a>
28 
        </div>
 48 
        </div>
29 
      )}
 49 
      )}
30 
      {companyFoundationYear && (
 50 
      {companyFoundationYear && (
31 
        <div className="client-info">
 51 
        <div className="info">
32 
          <h4>Fundada</h4>
 52 
          <h4>Fundada</h4>
33 
          <p>{companyFoundationYear}</p>
 53 
          <p>{companyFoundationYear}</p>
34 
        </div>
 54 
        </div>
35 
      )}
 55 
      )}
36 
    </div>
 56 
    </StyledContainer>
37 
  )
 57 
  )
Línea 38... Línea 58...
38 
}
 58 
}