Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1 Rev 1095
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useEffect, useState } from "react";
 2 
import { useEffect, useState } from "react";
3 
import { connect } from "react-redux";
 3 
import { connect } from "react-redux";
4 
import { useForm } from "react-hook-form";
 4 
import { useForm } from "react-hook-form";
5 
import {axios} from "../../../utils";
 5 
import { axios } from "../../../utils";
6 
import { addNotification } from "../../../redux/notification/notification.actions";
 6 
import { addNotification } from "../../../redux/notification/notification.actions";
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
 7 
import Spinner from "../../../shared/loading-spinner/Spinner";
8 
import RequestTemplate from "./requestTemplate/RequestTemplate";
 8 
import RequestTemplate from "./requestTemplate/RequestTemplate";
Línea 9... Línea 9...
9 
 
 9 
 
Línea 25... Línea 25...
25 
    return () => {
 25 
    return () => {
26 
      clearTimeout(axiosThrottle);
 26 
      clearTimeout(axiosThrottle);
27 
    };
 27 
    };
28 
  }, []);
 28 
  }, []);
Línea 29... Línea 29...
29 
 
 29 
 
30 
  const fetchSentRequests = async (searchParam='') => {
 30 
  const fetchSentRequests = async (searchParam = '') => {
31 
    setLoading(true);
 - 
 
32 
    await axios
 - 
 
33 
      .get(
 31 
    setLoading(true);
34 
        "/group/requests-sent?search="+searchParam)
 32 
    await axios.get("/group/requests-sent?search=" + searchParam)
35 
      .then((response) => {
 33 
      .then((response) => {
36 
        const resData = response.data;
 34 
        const resData = response.data;
37 
        if (resData.success) {
 35 
        if (resData.success) {
38 
          setSentRequests(resData.data);
 36 
          setSentRequests(resData.data);
Línea 41... Línea 39...
41 
    setLoading(false);
 39 
    setLoading(false);
42 
  };
 40 
  };
Línea 43... Línea 41...
43 
 
 41 
 
44 
  const handleCancel = (link) => {
 42 
  const handleCancel = (link) => {
- 
 
 43 
    setLoading(true);
45 
    setLoading(true);
 44 
    axios.post(link)
46 
    axios.post(link).then((response) => {
 45 
    .then((response) => {
47 
      const resData = response.data;
 46 
      const resData = response.data;
48 
      if (resData.success) {
 47 
      if (resData.success) {
49 
        addNotification({
 48 
        addNotification({
50 
          style: "success",
 49 
          style: "success",
Línea 59... Línea 58...
59 
        });
 58 
        });
60 
      }
 59 
      }
61 
    });
 60 
    });
62 
  };
 61 
  };
Línea 63... Línea 62...
63 
 
 62 
 
64 
  const handleSearch = () => {
 - 
 
65 
    //  (getValues());
 63 
  const handleSearch = () => {
66 
    clearTimeout(axiosThrottle);
 - 
 
67 
    // setLoading(true);
 64 
    clearTimeout(axiosThrottle);
- 
 
 65 
    const searchValue = getValues("search");
68 
    const searchValue = getValues("search");
 66
69 
    axiosThrottle = setTimeout(() => {
 67 
    axiosThrottle = setTimeout(() => {
70 
      fetchSentRequests(searchValue);
 68 
      fetchSentRequests(searchValue);
71 
    }, 500);
 69 
    }, 500);
Línea 106... Línea 104...
106 
          <div
 104 
          <div
107 
            className="row"
 105 
            className="row"
108 
            id="profiles-container"
 106 
            id="profiles-container"
109 
          >
 107 
          >
110 
            {
 108 
            {
111 
            !!sentRequests.length
 109 
              sentRequests
112
- 
 
113 
            ?
 110 
                ?
114 
              sentRequests.map((request, index) => {
 111 
                sentRequests.map((request, index) => {
115 
                  return(
 112 
                  return (
116 
                    <RequestTemplate
 113 
                    <RequestTemplate
117 
                      key={index}
 114 
                      key={index}
118 
                      request={request}
 115 
                      request={request}
119 
                      onCancel={handleCancel}
 116 
                      onCancel={handleCancel}
120 
                    />
 117 
                    />
121 
                  )
 118 
                  )
122 
                }
 119 
                }
123 
              )
 120 
                )
124 
            :
 121 
                :
125 
              <p>No hay resultados</p>
 122 
                <p>No hay resultados</p>
126 
            }
 123 
            }
127 
          </div>
 124 
          </div>
128 
          {/* <!--product-feed-tab end--> */}
 125 
          {/* <!--product-feed-tab end--> */}
129 
        </div>
 126 
        </div>
130 
      </div>
 127 
      </div>