text: 
  import  React, { useState, useEffect } from 'react';
  import { MainGallery,NoRecords, SearchBox } from '../../components';
  import { Section, InnerBlock, Container } from '../../../global/globalStyle';
  import axios from 'axios';
  
  /*
  ===============================
  Funkcja obsługuje głowny panel
  aplikacji. Funkcja wyświetla system
  filtrowania ogłoszeń oraz pozwala na
  wyświetlenie wszystkich dostepnych
  ogłoszeń.
  ===============================
  */
  export default function Overview (lightBg)  {
          // Zdeklarowanie lokalnych stanów 
          const [ads, getAds] = useState([]);
  
           /*
          ================================
          Ustawienie tytułu strony (dokumentu)
          i pobranie  ogłoszeń z bazy danych
          ================================
          */
          useEffect(() => {
                  document.title = "Datesay";
  
                  axios.get('/api/member/gallery')
                  
                  // Obsługa sytuacji gdy nie wystąpią żadne błedy.
                  .then(response => {  getAds(response.data); })
  
                 // Obsługa sytuacji gdy zostaną przechwycone błędy
                  .catch(error => console.error(error));
          }, []);
  
          return ( 
          <Section lightBg= {lightBg}>
                  <Container>
                          { /* Komponent  filtrowania ogłoszeń */ }
                          <SearchBox />
                          <InnerBlock>    
                                  { /* Komponent  MainGallery -  wyświetlający  wszystkie dostępne ogłoszenia  */ }
                                  { /* Komponent NoRecords -  wyświetlający komunikat o braku ogłoszeń w systemie  */ }
                                  {  ads.length  ? 
                                  ads.map(ad =>   
                                  <MainGallery ad={ ad } key={ad.id}  />   )
                                  :    
                                  <NoRecords/> }
                          </InnerBlock>
                  </Container>
          </Section>
          )
  };
  