Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from "react";

import {axios} from "../../../utils";

import Spinner from "../../../shared/loading-spinner/Spinner";

import styles from "./groupSettings.module.scss";

const GroupSettings = (props) => {

  const { onOpenMembersTab, group, onOpenAddMemberTab, onClose } = props;

  const {

    url_add_user_to_group,

    url_delete,

    url_get_contact_group_list,

    // url_get_contacts_availables_for_group,

    url_leave,

  } = group;

  const [loading, setLoading] = useState(false);

  const handleDeleteGroup = async (url) => {

    setLoading(true);

    const response = await axios.post(url);

    const resData = response.data;

    if (!resData.success) {

      setLoading(false);

      return  (resData);

    }

    setLoading(false);

    onClose();

  };

  return (

    <div className={styles.groupSettings}>

      <ul>

        {url_get_contact_group_list && (

          <li className={styles.setting} onClick={onOpenMembersTab}>

            Integrantes

          </li>

        )}

        {url_add_user_to_group && (

          <li className={styles.setting} onClick={onOpenAddMemberTab}>

            Agregar Contactos

          </li>

        )}

        {url_delete && (

          <li

            className={`${styles.setting} ${styles.danger}`}

            onClick={() => handleDeleteGroup(url_delete)}

          >

            Eliminar Grupo

            <i className="fa fa-trash"></i>

          </li>

        )}

        {url_leave && (

          <li

            className={`${styles.setting} ${styles.danger}`}

            onClick={() => handleDeleteGroup(url_leave)}

          >

            Dejar Grupo <i className="fa fa-user-times"></i>

          </li>

        )}

      </ul>

      {loading && (

        <div className="spinner-container">

          <Spinner />

        </div>

      )}

    </div>

  );

};

export default GroupSettings;