Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3898 Rev 3899
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from "react";
 2 
import React from "react";
3 
import { useEffect, useState } from "react";
 3 
import { useEffect, useState } from "react";
4 
import { axios } from "../../../utils";
 4 
import { axios } from "../../../utils";
- 
 
 5 
import FollowersModal from "./FollowersModal";
- 
 
 6 
import FollowerTemplate from "./FollowerTemplate";
Línea 5... Línea 7...
5 
 
 7 
 
Línea 6... Línea 8...
6 
const CompanyFollowersHelper = ({ companyId }) => {
 8 
const CompanyFollowersHelper = ({ companyId }) => {
7 
 
 9 
 
Línea 39... Línea 41...
39 
          </a>
 41 
          </a>
40 
        </div>
 42 
        </div>
41 
        <div className="suggest-list">
 43 
        <div className="suggest-list">
42 
          {companyFollowers.length
 44 
          {companyFollowers.length
43 
            ? getData().map((follower) =>
 45 
            ? getData().map((follower) =>
44 
              <CompanyFollowersHelper.Template
 46 
              <FollowerTemplate
45 
                key={follower.id}
 47 
                key={follower.id}
46 
                follower={follower}
 48 
                follower={follower}
47 
              />
 49 
              />
48 
            )
 50 
            )
49 
            : <div className="view-more">Sin seguidores</div>
 51 
            : <div className="view-more">Sin seguidores</div>
Línea 54... Línea 56...
54 
        onClick={() => setShowFollowersModal(!showFollowersModal)}
 56 
        onClick={() => setShowFollowersModal(!showFollowersModal)}
55 
        className="btn btn-primary btn-sm w-100 d-md-none"
 57 
        className="btn btn-primary btn-sm w-100 d-md-none"
56 
      >
 58 
      >
57 
        Ver seguidores
 59 
        Ver seguidores
58 
      </button>
 60 
      </button>
59 
      <CompanyFollowersHelper.Modal
 61 
      <FollowersModal
60 
        isShow={showFollowersModal}
 62 
        isShow={showFollowersModal}
61 
        followers={getData()}
 63 
        followers={getData()}
62 
        handleClose={() => setShowFollowersModal(false)}
 64 
        handleClose={() => setShowFollowersModal(false)}
63 
      />
 65 
      />
64 
    </>
 66 
    </>
65 
  );
 67 
  );
66 
};
 68 
};
Línea 67... Línea -...
67 
 
 - 
 
68 
const Template = ({ follower }) => {
 - 
 
69 
  const { name, image, profile } = follower
 - 
 
70 
 
 - 
 
71 
  return (
 - 
 
72 
    <div className='user'>
 - 
 
73 
      <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
 - 
 
74 
        <a href={profile} target="_blank" rel="noreferrer">
 - 
 
75 
          <img src={image} alt={`${name} profile image`} />
 - 
 
76 
        </a>
 - 
 
77 
        <h4>{name}</h4>
 - 
 
78 
      </div>
 - 
 
79 
      <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '.5rem' }}>
 - 
 
80 
        <a
 - 
 
81 
          href={profile}
 - 
 
82 
          className="btn btn-primary"
 - 
 
83 
          target='_blank'
 - 
 
84 
          rel="noreferrer"
 - 
 
85 
        >
 - 
 
86 
          Ver perfil
 - 
 
87 
        </a>
 - 
 
88 
      </div>
 - 
 
89 
    </div>
 - 
 
90 
  )
 - 
 
91 
}
 - 
 
92 
 
 - 
 
93 
const Modal = ({
 - 
 
94 
  isShow = false,
 - 
 
95 
  followers = [],
 - 
 
96 
  handleClose = function () { }
 - 
 
97 
}) => {
 - 
 
98 
  return (
 - 
 
99 
    <Modal show={isShow} onHide={handleClose}>
 - 
 
100 
      <Modal.Header closeButton>
 - 
 
101 
        <h3>Seguidores</h3>
 - 
 
102 
      </Modal.Header>
 - 
 
103 
      <Modal.Body>
 - 
 
104 
        {followers.map((follower) =>
 - 
 
105 
          <CompanyFollowersHelper.Template
 - 
 
106 
            key={follower.id}
 - 
 
107 
            follower={follower}
 - 
 
108 
          />
 - 
 
109 
        )}
 - 
 
110 
      </Modal.Body>
 - 
 
111 
    </Modal>
 - 
 
112 
  )
 - 
 
113 
}
 - 
 
114 
 
 - 
 
115 
CompanyFollowersHelper.Template = Template
 - 
 
116 
CompanyFollowersHelper.Modal = Modal
 - 
 
117 
 
 69