Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";

/* eslint-disable camelcase */

import { useEffect, useState } from "react";

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

import { connect } from "react-redux";

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

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

import { connect } from 'react-redux'

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

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

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

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

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

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

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

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

const StyledSpinnerContainer = styled.div`

import EmptySection from '../../../shared/empty-section/EmptySection'

  background: rgba(255, 255, 255, 0.4);

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

const InvitationsSent = (props) => {

const InvitationsSent = () => {

  const [sentInvitations, setSentInvitations] = useState([]);

  const [sentInvitations, setSentInvitations] = useState([])

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

  const [loading, setLoading] = useState(false)

  useEffect(() => {

  useEffect(() => {

    fetchInvitations();

    fetchInvitations()

    setLoading(true);

    setLoading(true)

    await axios

    await axios

        const resData = response.data;

      .get('/connection/invitations-sent?search=' + searchValue)

          setSentInvitations(resData.data);

      .then(({ data: response }) => {

        }

        if (response.success) setSentInvitations(response.data)

      });

      })

  };

  }

    <section className="companies-info">

      <div className="container">

  return (

        />

    <section className="companies-info container">

          id="profiles-container"

      <TitleSection title={LABELS.INVITATIONS_SENT} />

        >

      <SearchList onChange={fetchInvitations} />

          {sentInvitations.length > 0 ? (

      <div className="companies-list">

            sentInvitations.map(

          ? sentInvitations.map(({ name, image, link_delete, link_view }, id) =>

              ({ name, image, link_delete, link_view }, id) => (

              <Profile

                <Profile

                key={id}

                  image={image}

                image={image}

                  link_delete={link_delete}

                name={name}

                  link_view={link_view}

                link_delete={link_delete}

                  key={id}

                link_view={link_view}

                  btnCancelTitle='Cancelar solicitud'

                fetchCallback={fetchInvitations}

              )

                btnCancelTitle={LABELS.REQUEST_CANCEL}

            )

              />

          )}

          )

          )}

        }

        </div>

        {loading && <Spinner />}

      </div>

      </div>

  );

  )

};

}