text: import React, { useState, useEffect } from 'react';
  import PageDefault from '../../components/PageDefault';
  import BannerMain from '../../components/BannerMain';
  import Carousel from '../../components/Carousel';
  import categoriasRepository from '../../repositories/categorias';
  
  function Admin() {
    const [dadosIniciais, setDadosIniciais] = useState([]);
  
    useEffect(() => {
      categoriasRepository.getAllVideos()
        .then((categoriasComVideos) => {
          setDadosIniciais(categoriasComVideos);
        })
        .catch((err) => {
          // eslint-disable-next-line no-alert
          alert(err.message);
        });
    }, []);
  
    return (
      <PageDefault paddingAll={0} isAdmin>
        {dadosIniciais.map((categoria, indice) => {
          if (indice === 0) {
            return (
              <div key={categoria.id}>
                <BannerMain
                  videoTitle={dadosIniciais[0].videos[0].titulo}
                  url={dadosIniciais[0].videos[0].url}
                  videoDescription={'"Interestelar" narra as aventuras de um grupo de exploradores que faz uso de um buraco negro recém-descoberto para superar as limitações de uma viagem espacial humana e conquistar as grandes distâncias relacionadas a uma viagem interestelar.'}
                />
                <Carousel
                  ignoreFirstVideo
                  category={dadosIniciais[0]}
                />
              </div>
            );
          }
  
          return (
            <Carousel
              key={categoria.id}
              category={categoria}
            />
          );
        })}
      </PageDefault>
    );
  }
  
  export default Admin;
  