Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from "react";
import { axios } from '../../utils';
import CardTest from "./card-test/CardTest";
import Spinner from "../../shared/loading-spinner/Spinner";

const SelfEvaluation = (props) => {
    /**
     * Init States
     */
    const [rows, setRows] = useState([]);
    const [loading, setLoading] = useState(true);

    /**
     * Get All self evaluation tests
     */
    const getData = async () => {
        const fecth = await axios.get('/profile/self-evaluation')
        if (fecth.data.data) {
            setRows(fecth.data.data)
        }
        setLoading(false);
    }
    /**
     * componentDidMount
     */
    useEffect(() => {
        getData();
    }, []);

    return (
        <section className="companies-info">
            <div className="container">
                <div className="company-title">
                    <div className="section_admin_title_buttons">
                        <h1 className="title">
                            {props.backendVars.LBL_SELF_EVALUATION}
                        </h1>
                    </div>
                </div>

                <div className="company-title">
                    <div className="section_admin_title_buttons">
                        <div className="form-group">
                            <input
                                className="form-group"
                                type="text"
                                placeholder="{props.backendVars.LABEL_DATATABLE_SSEARCH}"
                            />
                        </div>
                    </div>
                </div>

                <div className="companies-list">
                    {loading ? (
                        <div className="row">
                            <Spinner />
                        </div>
                    ) : (
                        <div className="row">
                            {rows.length <= 0 ? (
                                <div className="col-md-12 col-sm-12 col-xs-12">
                                    {props.backendVars.LABEL_DATATABLE_SZERORECORDS}
                                </div>
                            ) : (
                                <div className="col-md-12 col-sm-12 col-xs-12">
                                    {rows.map((test, key) => {
                                        return  <CardTest key={key} test={test} />
                                    })}
                                </div>
                            )}
                        </div>
                    )}

                </div>
            </div>
        </section>

    );
};

export default SelfEvaluation;