Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6838 Rev 6865
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { styled } from 'styled-components'
 2 
import { styled } from 'styled-components'
3 
import { useLocation } from 'react-router-dom'
 3 
import { useLocation, useParams } from 'react-router-dom'
4 
import parse from 'html-react-parser'
 4 
import parse from 'html-react-parser'
Línea 5... Línea 5...
5 
 
 5 
 
6 
import Avatar from '../../UI/AvatarImage'
 6 
import Avatar from '../../UI/AvatarImage'
Línea 43... Línea 43...
43 
const GroupInfo = ({
 43 
const GroupInfo = ({
44 
  cover = '',
 44 
  cover = '',
45 
  image = '',
 45 
  image = '',
46 
  name = '',
 46 
  name = '',
47 
  overview = '',
 47 
  overview = '',
48 
  id = '',
 - 
 
49 
  totalMembers = '',
 48 
  totalMembers = '',
50 
  groupType = '',
 49 
  groupType = '',
51 
  accessibility = '',
 50 
  accessibility = '',
52 
}) => {
 51 
}) => {
- 
 
 52 
  const { uuid } = useParams()
53 
  const { pathname } = useLocation()
 53 
  const { pathname } = useLocation()
54 
  const type = pathname.split('/')[1]
 54 
  const type = pathname.split('/')[1]
Línea 55... Línea 55...
55 
 
 55 
 
56 
  return (
 56 
  return (
57 
    <InfoWidget cover={cover}>
 57 
    <InfoWidget cover={cover}>
58 
      {cover && (
 58 
      {cover && (
59 
        <InfoCover
 59 
        <InfoCover
60 
          src={`/storage/type/${type}-cover/code/${id}/filename/${cover}`}
 60 
          src={`/storage/type/${type}-cover/code/${uuid}/filename/${cover}`}
61 
          alt="Profile cover"
 61 
          alt="Profile cover"
62 
        />
 62 
        />
63 
      )}
 63 
      )}
64 
      <Avatar
 64 
      <Avatar
65 
        imageUrl={`/storage/type/${type}/code/${id}/filename/${image}`}
 65 
        imageUrl={`/storage/type/${type}/code/${uuid}/filename/${image}`}
66 
        name={name}
 66 
        name={name}
67 
        size="xl"
 67 
        size="xl"
68 
      />
 68 
      />
69 
      {name && <h2>{parse(name)}</h2>}
 69 
      {name && <h2>{parse(name)}</h2>}