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;