Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8151 Rev 11121
Línea 1... Línea 1...
1 
import React, { useState } from "react";
 1 
import React, { useState } from 'react'
2 
import DeleteModal from "../../../shared/DeleteModal";
 2 
import DeleteModal from '../../../shared/DeleteModal'
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
const Follower = ({ first_name, last_name, email, actions, allowDelete, deleteFollower }) => {
 4 
const Follower = ({ first_name, last_name, email, actions, allowDelete, deleteFollower }) => {
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
  const [showDeleteModal, setShowDeleteModal] = useState(false)
 6 
	const [showDeleteModal, setShowDeleteModal] = useState(false)
7 
 
 7 
 
8 
  const closeModal = () => setShowDeleteModal(false)
 8 
	const closeModal = () => setShowDeleteModal(false)
9 
 
 9 
 
10 
  return (
 10 
	return (
11 
    <>
 11 
		<>
12 
      <div className="col-md-3 col-sm-6 col-12">
 12 
			<div className="col-md-3 col-sm-6 col-12">
13 
        <div className="company_profile_info border-radius border-gray">
 13 
				<div className="company_profile_info border-radius border-gray">
14 
          <div className="company-up-info border-radius">
 14 
					<div className="company-up-info border-radius">
15 
              <div className="row border-bottom-gray mb-2">
 15 
						<div className="row border-bottom-gray mb-2">
16 
                <div className="d-flex flex-column mb-2 justify-content-center align-items-center">
 16 
							<div className="d-flex flex-column mb-2 justify-content-center align-items-center">
17 
                  <h3 className="mb-1 mt-3">
 17 
								<h3 className="mb-1 mt-3">
18 
                    {`${first_name} ${last_name}`}
 18 
									{`${first_name} ${last_name}`}
19 
                  </h3>
 19 
								</h3>
20 
                  <p className="mb-0 small lh-sm">
 20 
								<p className="mb-0">
21 
                    {email}
 21 
									{email}
22 
                  </p>
 22 
								</p>
23 
                </div>
 23 
							</div>
24 
              </div>
 24 
						</div>
25 
            <ul>
 25 
						<ul>
26 
              <li>
 26 
							<li>
27 
                <button className="btn btn-primary">
 27 
								<button className="btn btn-primary">
28 
                  <a href={actions.link_profile} className="btn p-0">
 28 
									<a href={actions.link_profile} className="btn p-0">
29 
                    Ver perfil
 29 
                    Ver perfil
30 
                  </a>
 30 
									</a>
31 
                </button>
 31 
								</button>
32 
              </li>
 32 
							</li>
33 
              {
 - 
 
34 
                allowDelete
 - 
 
35 
                &&
 33 
							{
36 
                <li>
 - 
 
37 
                  <button
 34 
								allowDelete
38 
                    className="btn btn-tertiary"
 35 
                &&
39 
                    onClick={() => setShowDeleteModal(true)}
 36 
                <li>
40 
                  >
 37 
                	<button className="btn btn-tertiary" onClick={() => setShowDeleteModal(true)}>
41 
                    Administrar
 38 
                    Borrar
42 
                  </button>
 39 
                	</button>
43 
                </li>
 40 
                </li>
44 
              }
 41 
							}
45 
            </ul>
 42 
						</ul>
46 
          </div>
 43 
					</div>
47 
        </div>
 44 
				</div>
48 
      </div>
 45 
			</div>
49 
      <DeleteModal
 46 
			<DeleteModal
50 
        url={actions.link_delete}
 47 
				url={actions.link_delete}
51 
        isOpen={showDeleteModal}
 48 
				isOpen={showDeleteModal}
52 
        closeModal={closeModal}
 49 
				closeModal={closeModal}
53 
        title={`Esta seguro de eliminar a ${first_name} de su lista de seguidores?`}
 50 
				title={`Esta seguro de eliminar a ${first_name} de su lista de seguidores?`}
54 
        onComplete={() => deleteFollower(email)}
 51 
				onComplete={() => deleteFollower(email)}
55 
        message={`Seguidor eliminado`}
 52 
				message={'Seguidor eliminado'}
Línea 56... Línea 53...
56 
      />
 53 
			/>