Proyectos de Subversion LeadersLinked - Antes de SPA

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 RequestTemplate from "./requestTemplate/RequestTemplate";

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'

  // states

const RequestsSent = () => {

  const [sentRequests, setSentRequests] = useState([]);

  const [sendRequests, setSendRequests] = useState([])

  useEffect(() => {

  useEffect(() => {

    fetchSentRequests();

    getSendRequests()

  }, []);

  }, [])

  const fetchSentRequests = async (searchParam = '') => {

    setLoading(true)

    setLoading(true);

    const response = await searchEntities('group/requests-sent', searchValue)

    await axios.get("/group/requests-sent?search=" + searchParam)

        const resData = response.data;

    if (!response.success) {

        if (resData.success) {

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

          setSentRequests(resData.data);

    }

        }

    setLoading(false);

  };

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

  return (

  return (

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

    <section className="companies-info container">

          title="Solicitudes enviadas"

      <TitleSection title={LABELS.REQUESTS_SENT} />

        />

      <SearchList onChange={handleSearch} />

        <div className="companies-list" id="profiles-container">

      <div className="companies-list">

            sentRequests.length

        {loading && <Spinner />}

              sentRequests.map((request, index) => {

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

                return (

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

                  <Profile

          sendRequests.map((request, index) =>

                  btn

            <Profile

                  />

              {...request}

              :

              key={index}

          <Spinner />

            />

        </div>

          )}

};

    </section>

  )

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

}