Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1158 Rev 1601
Línea 4... Línea 4...
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";
- 
 
 9 
import SearchList from "../../../components/SearchList";
- 
 
 10 
import Profile from "../../../components/Profile";
Línea 9... Línea 11...
9 
 
 11 
 
10 
const RequestsSent = (props) => {
 12 
const RequestsSent = () => {
11 
  // states
 13 
  // states
12 
  const [sentRequests, setSentRequests] = useState([]);
 14 
  const [sentRequests, setSentRequests] = useState([]);
Línea 13... Línea -...
13 
  const [loading, setLoading] = useState(true);
 - 
 
14 
 
 - 
 
15 
  // redux destructuring
 - 
 
16 
  const { addNotification } = props;
 - 
 
17 
 
 - 
 
18 
  // React hook form
 - 
 
19 
  const { register, getValues } = useForm();
 - 
 
20 
 
 - 
 
21 
  let axiosThrottle = null;
 15 
  const [loading, setLoading] = useState(true);
22 
 
 16 
 
23 
  useEffect(() => {
 - 
 
24 
    fetchSentRequests();
 - 
 
25 
    return () => {
 - 
 
26 
      clearTimeout(axiosThrottle);
 17 
  useEffect(() => {
Línea 27... Línea 18...
27 
    };
 18 
    fetchSentRequests();
28 
  }, []);
 19 
  }, []);
29 
 
 20 
 
Línea 37... Línea 28...
37 
        }
 28 
        }
38 
      });
 29 
      });
39 
    setLoading(false);
 30 
    setLoading(false);
40 
  };
 31 
  };
Línea 41... Línea -...
41 
 
 - 
 
42 
  const handleCancel = (link) => {
 - 
 
43 
    setLoading(true);
 - 
 
44 
    axios.post(link)
 - 
 
45 
      .then((response) => {
 - 
 
46 
        const resData = response.data;
 - 
 
47 
        if (resData.success) {
 - 
 
48 
          addNotification({
 - 
 
49 
            style: "success",
 - 
 
50 
            msg: resData.data,
 - 
 
51 
          });
 - 
 
52 
          fetchSentRequests();
 - 
 
53 
        } else {
 - 
 
54 
          setLoading(false);
 - 
 
55 
          addNotification({
 - 
 
56 
            style: "danger",
 - 
 
57 
            msg: resData.data ?? "ha ocurrido un error",
 - 
 
58 
          });
 - 
 
59 
        }
 - 
 
60 
      });
 - 
 
61 
  };
 - 
 
62 
 
 - 
 
63 
  const handleSearch = () => {
 - 
 
64 
    clearTimeout(axiosThrottle);
 - 
 
65 
    const searchValue = getValues("search");
 - 
 
66 
 
 - 
 
67 
    axiosThrottle = setTimeout(() => {
 - 
 
68 
      fetchSentRequests(searchValue);
 - 
 
69 
    }, 500);
 - 
 
70 
  };
 - 
 
71 
 
 32 
 
72 
  return (
 33 
  return (
73 
    <section className="companies-info" style={{ position: "relative" }}>
 34 
    <section className="companies-info" style={{ position: "relative" }}>
74 
      <div className="container">
 35 
      <div className="container">
75 
        <div className="company-title">
 36 
        <SearchList
76 
          <div className="section_admin_title_buttons">
 37 
          title="Solicitudes enviadas"
77 
            <div style={{ float: "left" }}>
 - 
 
78 
              <h1 className="title">Solicitudes Enviadas</h1>
 - 
 
79 
            </div>
 - 
 
80 
          </div>
 38 
          fetchCallback={fetchSentRequests}
Línea 81... Línea -...
81 
        </div>
 - 
 
82 
 
 - 
 
83 
        <div className="company-title">
 - 
 
84 
          <div className="section_admin_title_buttons">
 - 
 
85 
            <div className="form-group">
 - 
 
86 
              <input
 - 
 
87 
                type="text"
 - 
 
88 
                name="search"
 - 
 
89 
                id="search"
 - 
 
90 
                className="form-control"
 - 
 
91 
                placeholder="Buscar"
 - 
 
92 
                ref={register}
 - 
 
93 
                onChange={handleSearch}
 - 
 
94 
              />
 - 
 
95 
            </div>
 - 
 
96 
          </div>
 39 
        />
97 
        </div>
 40 
 
98 
        <div
 41 
        <div
99 
          className="companies-list"
 42 
          className="companies-list"
100 
          style={{
 43 
          style={{
Línea 108... Línea 51...
108 
            {
 51 
            {
109 
              sentRequests.length
 52 
              sentRequests.length
110 
                ?
 53 
                ?
111 
                sentRequests.map((request, index) => {
 54 
                sentRequests.map((request, index) => {
112 
                  return (
 55 
                  return (
- 
 
 56 
                    <Profile
113 
                    <RequestTemplate
 57 
                      {...request}
114 
                      key={index}
 58 
                      key={index}
115 
                      request={request}
 59 
                      fetchCallback={fetchSentRequests}
116 
                      onCancel={handleCancel}
 - 
 
117 
                    />
 60 
                    />
118 
                  )
 61 
                  )
119 
                }
 62 
                }
120 
                )
 63 
                )
121 
                :
 64 
                :