Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1 Rev 1158
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 styled from "styled-components";
5
import styled from "styled-components";
6
import {axios} from "../../../../utils";
6
import { axios } from "../../../../utils";
7
import Group from "./group/Group";
7
import Group from "./group/Group";
8
import AddGroupModal from "./add-group-modal/AddGroupModal";
8
import AddGroupModal from "./add-group-modal/AddGroupModal";
9
import { addNotification } from "../../../../redux/notification/notification.actions";
9
import { addNotification } from "../../../../redux/notification/notification.actions";
10
import Spinner from "../../../../shared/loading-spinner/Spinner";
10
import Spinner from "../../../../shared/loading-spinner/Spinner";
Línea 50... Línea 50...
50
    setLoading(true);
50
    setLoading(true);
51
    axios
51
    axios
52
      .post(link)
52
      .post(link)
53
      .then((response) => {
53
      .then((response) => {
54
        const resData = response.data;
54
        const resData = response.data;
55
         (resData);
55
        (resData);
56
        if (resData.success) {
56
        if (resData.success) {
57
          const msg = resData.data;
57
          const msg = resData.data;
58
          addNotification({
58
          addNotification({
59
            style: "success",
59
            style: "success",
60
            msg: msg,
60
            msg: msg,
Línea 67... Línea 67...
67
      .catch((error) => {
67
      .catch((error) => {
68
        setLoading(false);
68
        setLoading(false);
69
      });
69
      });
70
  };
70
  };
Línea 71... Línea 71...
71
 
71
 
72
  const fetchGroups = async (searchParam='') => {
72
  const fetchGroups = async (searchParam = '') => {
73
    setLoading(true);
73
    setLoading(true);
74
    await axios
74
    await axios
75
      .get(
75
      .get(
76
        "/group/my-groups?search="+searchParam)
76
        "/group/my-groups?search=" + searchParam)
77
      .then((response) => {
77
      .then((response) => {
78
        const resData = response.data;
78
        const resData = response.data;
79
         (resData);
79
        (resData);
80
        if (resData.success) {
80
        if (resData.success) {
81
          setGroups(resData.data);
81
          setGroups(resData.data);
82
        }
82
        }
83
      });
83
      });
Línea 147... Línea 147...
147
              id="profiles-container"
147
              id="profiles-container"
148
              style={{
148
              style={{
149
                position: "relative",
149
                position: "relative",
150
              }}
150
              }}
151
            >
151
            >
152
              {Groups.map(
152
              {
153
                (
153
                Groups.length
154
                  { image, link_delete, link_edit, link_view, name, privacy },
-
 
155
                  id
154
                  ?
156
                ) => (
155
                  Groups.map(
-
 
156
                    ({ image, link_delete, link_edit, link_view, name, privacy }, id) => (
157
                  <Group
157
                      <Group
158
                    image={image}
158
                        image={image}
159
                    name={name}
159
                        name={name}
160
                    link_view={link_view}
160
                        link_view={link_view}
161
                    link_edit={link_edit}
161
                        link_edit={link_edit}
162
                    link_delete={link_delete}
162
                        link_delete={link_delete}
163
                    privacy={privacy}
163
                        privacy={privacy}
164
                    key={id}
164
                        key={id}
165
                    handleDelete={handleDelete}
165
                        handleDelete={handleDelete}
166
                  />
166
                      />
-
 
167
                    ))
167
                )
168
                  :
-
 
169
                  <div style={{ margin: "auto", textAlign: "center" }}>
-
 
170
                    Ningún registro coincidio con su consulta
-
 
171
                  </div>
168
              )}
172
              }
169
              {loading && (
173
              {loading && (
170
                <StyledSpinnerContainer>
174
                <StyledSpinnerContainer>
171
                  <Spinner />
175
                  <Spinner />
172
                </StyledSpinnerContainer>
176
                </StyledSpinnerContainer>
173
              )}
177
              )}