Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5407 Rev 5415
Línea 4... Línea 4...
4 
import EmptySection from '../../empty-section/EmptySection'
 4 
import EmptySection from '../../empty-section/EmptySection'
5 
import { useSelector } from 'react-redux'
 5 
import { useSelector } from 'react-redux'
Línea 6... Línea 6...
6 
 
 6 
 
7 
const SuggestWidget = ({
 7 
const SuggestWidget = ({
8 
  title = 'Mis Grupos:',
 8 
  title = 'Mis Grupos:',
- 
 
 9 
  url = '/helpers/my-groups',
9 
  url = '/helpers/my-groups'
 10 
  btnLabelAccept = 'Ver'
10 
}) => {
 11 
}) => {
11 
  const [widgetData, setWidgetData] = useState([])
 12 
  const [widgetData, setWidgetData] = useState([])
12 
  const [lookMore, setLookMore] = useState(false)
 13 
  const [lookMore, setLookMore] = useState(false)
Línea 26... Línea 27...
26 
    getData()
 27 
    getData()
27 
  }, [])
 28 
  }, [])
Línea 28... Línea 29...
28 
 
 29 
 
29 
  const dataSlice = () => {
 30 
  const dataSlice = () => {
30 
    let infoFollows = [...widgetData]
 - 
 
- 
 
 31 
    let infoFollows = [...widgetData]
31 
    if (!lookMore) {
 32 
 
32 
      infoFollows = infoFollows.slice(0, 1)
 33 
    if (!lookMore) infoFollows = infoFollows.slice(0, 1)
33 
    }
 34 
 
34 
    return infoFollows
 35 
    return infoFollows
Línea 35... Línea 36...
35 
  }
 36 
  }
36 
 
 37 
 
Línea 43... Línea 44...
43 
            {lookMore ? labels.VIEW_LESS : labels.VIEW_MORE}
 44 
            {lookMore ? labels.VIEW_LESS : labels.VIEW_MORE}
44 
          </span>}
 45 
          </span>}
45 
      </div>
 46 
      </div>
46 
      <div className="suggest-list">
 47 
      <div className="suggest-list">
47 
        {widgetData.length
 48 
        {widgetData.length
48 
          ? dataSlice().map(({ id, name, image, profile }) =>
 - 
 
49 
            <div className='user' key={id}>
 - 
 
50 
              <div className="d-inline-flex align-items-center" style={{ gap: '.5rem' }}>
 49 
          ? dataSlice().map((suggest) => <SuggestWidget.Item key={suggest.id} suggest={suggest} btnLabelAccept={btnLabelAccept}/>)
51 
                <a href={profile} target="_blank" rel="noreferrer">
 - 
 
52 
                  <img src={image} alt={`${name} profile image`} />
 - 
 
53 
                </a>
 - 
 
54 
                <h4 className='break-ellipsis'>{name}</h4>
 - 
 
55 
              </div>
 - 
 
56 
              <a className="btn btn-primary ml-auto" href={profile}>
 - 
 
57 
                {labels.GROUP_VIEW}
 - 
 
58 
              </a>
 - 
 
59 
            </div>
 - 
 
60 
          )
 - 
 
61 
          : <EmptySection align='left' message={labels.DATATABLE_EMPTY} />
 50 
          : <EmptySection align='left' message={labels.DATATABLE_EMPTY} />
62 
        }
 51 
        }
63 
      </div>
 52 
      </div>
64 
    </div>
 53 
    </div>
65 
  )
 54 
  )
66 
}
 55 
}
Línea -... Línea 56...
- 
 
 56 
 
- 
 
 57 
const Item = ({ suggest, btnLabelAccept }) => {
- 
 
 58 
  return (
- 
 
 59 
    <div className='user'>
- 
 
 60 
      <div className="d-inline-flex align-items-center">
- 
 
 61 
        <a href={suggest.profile} target="_blank" rel="noreferrer">
- 
 
 62 
          <img src={suggest.image} alt={`${suggest.name} profile image`} />
- 
 
 63 
        </a>
- 
 
 64 
        <h4 className='break-ellipsis'>{suggest.name}</h4>
- 
 
 65 
      </div>
- 
 
 66 
      <a className="btn btn-primary ml-auto" href={suggest.profile}>
- 
 
 67 
        {btnLabelAccept}
- 
 
 68 
      </a>
- 
 
 69 
    </div>
- 
 
 70 
  )
- 
 
 71 
}
- 
 
 72 
 
- 
 
 73 
SuggestWidget.Item = Item
67 
 
 74