conditional-list.js

// test https://github.com/bogdanq/jest-testing/blob/master/src/components/testing-library/components/conditional-list/conditional-list.spec.js
import React from 'react'
import { Spiner } from '@ui'

export const ConditionalList = ({ data, renderExist, renderEmpty, error, loading }) => {
    if (!data) {
        return <h1>Данных нет</h1>;
    }

    if (error) {
        return <h1>При получении данных произошла ошибка</h1>;
    }

    if (loading) {
        return <Spiner />;
    }

    return data && data.filter(Boolean).length > 0
      ? renderExist(data)
      : renderEmpty()
}