Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import CardTest from "./card-test/CardTest";
import Spinner from "../../../shared/loading-spinner/Spinner";
import styles from './card-test/CardTest.module.css'

const List = (props) => {

    const { backendVars, data, loading, getTestByUrl } = props;

    return (
        <div className="w-100 d-flex">
            {loading ?
                <div className="row">
                    <Spinner />
                </div>
                :
                <div className="row">
                    {data.length <= 0 ?
                        <div className="col-md-12 col-sm-12 col-xs-12 text-center">
                            {backendVars.LBL_DATATABLE_SZERORECORDS}
                        </div>
                        :
                        <div className="col-md-12 col-sm-12 col-xs-12">
                            <div className={styles.card_list}>
                                {data.map((test, key) => {
                                    return <CardTest
                                        key={key}
                                        test={test}
                                        getTestByUrl={getTestByUrl}
                                        backendVars={backendVars} />
                                })}
                            </div>
                        </div>
                    }
                </div>
            }
        </div>
    );
};

export default List;