Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | Rev 1581 | 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 { useForm } from "react-hook-form";
 3 
import { useForm } from "react-hook-form";
4 
import styled from "styled-components";
 4 
import styled from "styled-components";
5 
import {axios} from "../../../utils";
 5 
import { axios } from "../../../utils";
6 
import Company from "./company/Company";
 6 
import Company from "./company/Company";
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
 7 
import Spinner from "../../../shared/loading-spinner/Spinner";
8 
import AddCompanyModal from "./add-company-modal/AddCompanyModal";
 8 
import AddCompanyModal from "./add-company-modal/AddCompanyModal";
Línea 9... Línea 9...
9 
 
 9 
 
Línea 39... Línea 39...
39 
    return () => {
 39 
    return () => {
40 
      clearTimeout(axiosThrottle);
 40 
      clearTimeout(axiosThrottle);
41 
    };
 41 
    };
42 
  }, []);
 42 
  }, []);
Línea 43... Línea 43...
43 
 
 43 
 
44 
  const fetchCompanies = async (searchParam='') => {
 44 
  const fetchCompanies = async (searchParam = '') => {
45 
    setLoading(true);
 45 
    setLoading(true);
46 
    await axios
 46 
    await axios
47 
      .get(
 47 
      .get(
48 
        "/company/my-companies?search="+searchParam)
 48 
        "/company/my-companies?search=" + searchParam)
49 
      .then((response) => {
 49 
      .then((response) => {
50 
        const resData = response.data;
 50 
        const resData = response.data;
51 
        if (resData.success) {
 51 
        if (resData.success) {
52 
          setCompanies(resData.data);
 52 
          setCompanies(resData.data);
Línea 122... Línea 122...
122 
              id="profiles-container"
 122 
              id="profiles-container"
123 
              style={{
 123 
              style={{
124 
                position: "relative",
 124 
                position: "relative",
125 
              }}
 125 
              }}
126 
            >
 126 
            >
- 
 
 127 
              {
127 
              {companies.map(
 128 
                companies.length
- 
 
 129 
                  ?
128 
                ({ image, link_my_company, link_view, name, status }, id) => (
 130 
                  companies.map(({ image, link_my_company, link_view, name, status }, id) => (
129 
                  <Company
 131 
                    <Company
130 
                    image={image}
 132 
                      image={image}
131 
                    link_my_company={link_my_company}
 133 
                      link_my_company={link_my_company}
132 
                    link_view={link_view}
 134 
                      link_view={link_view}
133 
                    name={name}
 135 
                      name={name}
134 
                    status={status}
 136 
                      status={status}
135 
                    key={id}
 137 
                      key={id}
136 
                  />
 138 
                    />
137 
                )
 139 
                  ))
- 
 
 140 
                  :
- 
 
 141 
                  <div style={{ margin: "auto", textAlign: "center" }}>
- 
 
 142 
                    Ningún registro coincidio con su consulta
- 
 
 143 
                  </div>
138 
              )}
 144 
              }
139 
              {loading && (
 145 
              {loading && (
140 
                <StyledSpinnerContainer>
 146 
                <StyledSpinnerContainer>
141 
                  <Spinner />
 147 
                  <Spinner />
142 
                </StyledSpinnerContainer>
 148 
                </StyledSpinnerContainer>
143 
              )}
 149 
              )}