Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1573 Rev 1574
Línea 6... Línea 6...
6
import {axios} from "../../../utils";
6
import {axios} from "../../../utils";
7
import Spinner from "../../../shared/loading-spinner/Spinner";
7
import Spinner from "../../../shared/loading-spinner/Spinner";
8
import { addNotification } from "../../../redux/notification/notification.actions";
8
import { addNotification } from "../../../redux/notification/notification.actions";
9
import Invitation from "./invitation/Invitation";
9
import Invitation from "./invitation/Invitation";
10
import SearchList from "../../../components/SearchList";
10
import SearchList from "../../../components/SearchList";
-
 
11
import Profile from "../../../components/Profile";
Línea 11... Línea 12...
11
 
12
 
12
const StyledSpinnerContainer = styled.div`
13
const StyledSpinnerContainer = styled.div`
13
  position: absolute;
14
  position: absolute;
14
  left: 0;
15
  left: 0;
Línea 25... Línea 26...
25
const InvitationsReceived = (props) => {
26
const InvitationsReceived = (props) => {
26
  // states
27
  // states
27
  const [invitationsReceived, setInvitationsReceived] = useState([]);
28
  const [invitationsReceived, setInvitationsReceived] = useState([]);
28
  const [loading, setLoading] = useState(false);
29
  const [loading, setLoading] = useState(false);
Línea 29... Línea -...
29
 
-
 
30
  // Redux
-
 
31
  const { addNotification } = props;
-
 
32
 
-
 
33
  // React hook form
-
 
34
  const { register, getValues } = useForm();
-
 
35
 
-
 
36
  let axiosThrottle = null;
-
 
37
 
-
 
38
  const handleInvitation = (link) => {
-
 
39
     ("handlecancel called");
-
 
40
    setLoading(true);
-
 
41
    axios
-
 
42
      .post(link)
-
 
43
      .then((response) => {
-
 
44
        const resData = response.data;
-
 
45
         (resData);
-
 
46
        if (resData.success) {
-
 
47
          const msg = resData.data;
-
 
48
          addNotification({
-
 
49
            style: "success",
-
 
50
            msg: msg,
-
 
51
          });
-
 
52
          fetchInvitations();
-
 
53
        } else {
-
 
54
          setLoading(false);
-
 
55
        }
-
 
56
      })
-
 
57
      .catch((error) => {
-
 
58
        setLoading(false);
-
 
59
      });
-
 
60
  };
-
 
61
 
30
 
62
  useEffect(() => {
31
  useEffect(() => {
63
    fetchInvitations();
32
    fetchInvitations();
Línea 64... Línea 33...
64
  }, []);
33
  }, []);
Línea 94... Línea 63...
94
            }}
63
            }}
95
          >
64
          >
96
            {invitationsReceived.length > 0 ? (
65
            {invitationsReceived.length > 0 ? (
97
              invitationsReceived.map(
66
              invitationsReceived.map(
98
                ({ name, image, link_approve, link_reject, link_view }, id) => (
67
                ({ name, image, link_approve, link_reject, link_view }, id) => (
99
                  <Invitation
68
                  <Profile
-
 
69
                    key={id}
100
                    image={image}
70
                    image={image}
101
                    name={name}
71
                    name={name}
102
                    link_approve={link_approve}
72
                    link_block={link_approve}
103
                    link_reject={link_reject}
73
                    link_cancel={link_reject}
104
                    key={id}
-
 
105
                    id={id}
-
 
106
                    handleInvitation={handleInvitation}
-
 
107
                    link_view={link_view}
74
                    link_view={link_view}
-
 
75
                    fetchCallback={fetchInvitations}
108
                  />
76
                  />
109
                )
77
                )
110
              )
78
              )
111
            ) : (
79
            ) : (
112
              <p>No hay resultados</p>
80
              <p>No hay resultados</p>