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.scss'

const List = (props) => {

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

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

export default List;