Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";

/* eslint-disable react/prop-types */

import { useEffect, useState } from "react";

import React, { useEffect, useState } from 'react'

import { connect } from "react-redux";

import { connect } from 'react-redux'

import { useForm } from "react-hook-form";

import { debounce } from '../../../utils'

import { axios } from "../../../utils";

import { searchEntities } from '../../../services/search'

import { addNotification } from "../../../redux/notification/notification.actions";

import { addNotification } from '../../../redux/notification/notification.actions'

import Spinner from "../../../shared/loading-spinner/Spinner";

import Spinner from '../../../shared/loading-spinner/Spinner'

import JoinedGroup from "./joined-group/JoinedGroup";

import Profile from '../../../components/Profile'

import SearchList from "../../../components/SearchList";

import SearchList from '../../../components/SearchList'

import Profile from "../../../components/Profile";

import TitleSection from '../../../components/TitleSection'

const JoinedGroups = (props) => {

const JoinedGroups = ({ addNotification }) => {

  const [joinedGroups, setJoinedGroups] = useState([]);

  const [joinedGroups, setJoinedGroups] = useState([])

  const [loading, setLoading] = useState(true);

  const [loading, setLoading] = useState(true)

  useEffect(() => {

  useEffect(() => {

    fetchJoinedGroups();

    getJoinedGroups()

  }, []);

  }, [])

    await axios

  const getJoinedGroups = async (searchValue = '') => {

      .get(

    setLoading(true)

        "/group/joined-groups?search=" + searchParam,

    const response = await searchEntities('group/joined-groups', searchValue)

      )

        const resData = response.data;

    if (!response.success) {

        if (resData.success) {

      addNotification({ style: 'danger', msg: response.data })

          setJoinedGroups(resData.data);

      setLoading(false)

        }

      });

    setJoinedGroups(response.data)

  };

  const handleSearch = debounce((value) => getJoinedGroups(value), 500)

  return (

  return (

    <section className="companies-info" style={{ position: "relative" }}>

    <section className="companies-info container">

      <div className="container">

      <TitleSection title={LABELS.JOINED_GROUPS} />

          title="Grupos unidos"

      <SearchList onChange={handleSearch} />

        />

      <div className="companies-list">

          {

        {loading && <Spinner />}

            joinedGroups.length

        {(!loading && Boolean(!joinedGroups.length)) && <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />}

              ?

        {(!loading && Boolean(joinedGroups.length)) &&

              joinedGroups.map(

          joinedGroups.map(

                ({ image, name, privacy, link_view, link_leave }, index) => (

            ({ image, name, privacy, link_view, link_leave }, index) =>

                  <Profile

              <Profile

                    image={image}

                image={image}

                    name={name}

                name={name}

                    status={privacy}

                status={privacy}

                    link_view={link_view}

                link_view={link_view}

                    link_leave={link_leave}

                link_leave={link_leave}

                    btnAcceptTitle='Ver grupo'

                key={index}

              <div style={{ margin: "auto", textAlign: "center" }}>

                fetchCallback={getJoinedGroups}

        </div>

          )}

      }

      </div>

  )

// const mapStateToProps = (state) => ({});

}