Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1122 Rev 1580
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";
 - 
 
5 
import styled from "styled-components";
 - 
 
6 
import {axios} from "../../../utils";
 4 
import {axios} from "../../../utils";
7 
import { addNotification } from "../../../redux/notification/notification.actions";
 5 
import { addNotification } from "../../../redux/notification/notification.actions";
8 
import Spinner from "../../../shared/loading-spinner/Spinner";
 6 
import Spinner from "../../../shared/loading-spinner/Spinner";
9 
import "../../../css/shared/global.scss";
 7 
import "../../../css/shared/global.scss";
- 
 
 8 
import SearchList from "../../../components/SearchList";
- 
 
 9 
import Profile from "../../../components/Profile";
Línea 10... Línea 10...
10 
 
 10 
 
11 
const PeopleYouMayKnow = (props) => {
 11 
const PeopleYouMayKnow = (props) => {
12 
  // states
 12 
  // states
13 
  const [entities, setEntities] = useState([]);
 13 
  const [entities, setEntities] = useState([]);
14 
  const [loading, setLoading] = useState(false);
 - 
 
15 
 
 - 
 
16 
  // Redux
 - 
 
17 
  const { addNotification } = props;
 - 
 
18 
 
 - 
 
19 
  // React hook form
 - 
 
20 
  const { register, getValues } = useForm();
 - 
 
21 
 
 - 
 
22 
  let axiosThrottle = null;
 - 
 
23 
 
 14 
  const [loading, setLoading] = useState(false);
24 
  useEffect(() => {
 15 
  useEffect(() => {
25 
    fetchEntitys();
 16 
    fetchEntitys();
Línea 26... Línea 17...
26 
  }, []);
 17 
  }, []);
Línea 36... Línea 27...
36 
        }
 27 
        }
37 
      });
 28 
      });
38 
    setLoading(false);
 29 
    setLoading(false);
39 
  };
 30 
  };
Línea 40... Línea -...
40 
 
 - 
 
41 
  const handleSearch = () => {
 - 
 
42 
    //  (getValues());
 - 
 
43 
    clearTimeout(axiosThrottle);
 - 
 
44 
    // setLoading(true);
 - 
 
45 
    const searchValue = getValues("search");
 - 
 
46 
    axiosThrottle = setTimeout(() => {
 - 
 
47 
      fetchEntitys(searchValue);
 - 
 
48 
    }, 500);
 - 
 
49 
  };
 - 
 
50 
 
 - 
 
51 
  const handleUnblock = async (link) => {
 - 
 
52 
    setLoading(true);
 - 
 
53 
    await axios.post(link).then((response) => {
 - 
 
54 
      const resData = response.data;
 - 
 
55 
      if (resData.success) {
 - 
 
56 
        const msg = resData.data;
 - 
 
57 
        addNotification({
 - 
 
58 
          style: "success",
 - 
 
59 
          msg: msg,
 - 
 
60 
        });
 - 
 
61 
        fetchEntitys();
 - 
 
62 
      } else {
 - 
 
63 
        setLoading(false);
 - 
 
64 
        const errorMsg = resData.data;
 - 
 
65 
        addNotification({
 - 
 
66 
          style: "danger",
 - 
 
67 
          msg: errorMsg,
 - 
 
68 
        });
 - 
 
69 
      }
 - 
 
70 
    });
 - 
 
71 
  };
 - 
 
72 
 
 31 
 
73 
  return (
 32 
  return (
74 
    <section className="companies-info">
 33 
    <section className="companies-info">
75 
      <div className="container">
 - 
 
76 
        <div className="company-title">
 - 
 
77 
          <div className="section_admin_title_buttons">
 - 
 
78 
            <div style={{ float: "left" }}>
 - 
 
79 
              <h1 className="title">Personas bloqueadas</h1>
 - 
 
80 
            </div>
 - 
 
81 
          </div>
 34 
      <div className="container">
82 
        </div>
 - 
 
83 
 
 - 
 
84 
        <div className="company-title">
 - 
 
85 
          <div className="section_admin_title_buttons">
 - 
 
86 
            <form
 - 
 
87 
              name="form-connection-search"
 35 
        <SearchList
88 
              id="form-connection-search"
 - 
 
89 
              onSubmit={(event) => event.preventDefault()}
 - 
 
90 
            >
 - 
 
91 
              <div className="form-group">
 - 
 
92 
                <input
 - 
 
93 
                  type="text"
 - 
 
94 
                  name="search"
 - 
 
95 
                  id="search"
 - 
 
96 
                  className="form-control"
 - 
 
97 
                  placeholder="Buscar"
 36 
          title="Personas Bloqueadas"
98 
                  ref={register}
 - 
 
99 
                  onChange={handleSearch}
 - 
 
100 
                />
 - 
 
101 
              </div>
 - 
 
102 
            </form>
 - 
 
103 
          </div>
 37 
          fetchCallback={fetchEntitys}
Línea 104... Línea 38...
104 
        </div>
 38 
        />
105 
 
 39 
 
106 
        <div className="companies-list">
 40 
        <div className="companies-list">
107 
          <div
 41 
          <div
Línea 113... Línea 47...
113 
            }}
 47 
            }}
114 
          >
 48 
          >
115 
            {entities.length > 0 ? (
 49 
            {entities.length > 0 ? (
116 
              entities.map(
 50 
              entities.map(
117 
                ({ image, link_unblock, link_view, name }, index) => (
 51 
                ({ image, link_unblock, link_view, name }, index) => (
118 
                  <div className="col-lg-3 col-md-3 col-sm-6" key={index}>
 - 
 
119 
                    <div className="company_profile_info">
 - 
 
120 
                      <div className="company-up-info">
 - 
 
121 
                        <img src={image} alt="profile-image" />
 - 
 
122 
                        <h3>{name}</h3>
 - 
 
123 
                        <ul>
 52 
                  <Profile
124 
                          {link_view && (
 53 
                    image={image}
125 
                            <li>
 54 
                    name={name}
126 
                              <a
 55 
                    key={index}
127 
                                href={link_view}
 56 
                    link_view={link_view}
128 
                                title=""
 - 
 
129 
                                className="follow btn-profile-view"
 - 
 
130 
                              >
 - 
 
131 
                                Ver Perfil
 - 
 
132 
                              </a>
 - 
 
133 
                            </li>
 - 
 
134 
                          )}
 - 
 
135 
                          <li>
 - 
 
136 
                            <a
 - 
 
137 
                              href="#"
 - 
 
138 
                              title=""
 - 
 
139 
                              className="message-us btn-primary"
 - 
 
140 
                              onClick={(e) => {
 - 
 
141 
                                e.preventDefault();
 - 
 
142 
                                handleUnblock(link_unblock);
 57 
                    link_unblock={link_unblock}
143 
                              }}
 - 
 
144 
                            >
 - 
 
145 
                              Desbloquear
 58 
                    fetchCallback={fetchEntitys}
146 
                            </a>
 - 
 
147 
                          </li>
 - 
 
148 
                        </ul>
 - 
 
149 
                      </div>
 - 
 
150 
                    </div>
 - 
 
151 
                  </div>
 59 
                  />
152 
                )
 60 
                )
153 
              )
 61 
              )
154 
            ) : (
 62 
            ) : (
155 
              <p>No hay resultados</p>
 63 
              <p>No hay resultados</p>
156 
            )}
 64 
            )}