text: import React from 'react';
  import Avatar from 'react-avatar';
  // Importowanie stworzonych komponentów
  import { Image } from '../../../components/i_images';
  import {
          AdItem,
          AdWrapper,
          AdHeader,
          AdAuthor,
          AdFooter,
          AdInfo,
          AdInfoTitle,
          AdPrice,
  
  
  } from './MainGallery.style';
  
  /*
   ================================
  Funkcja wyświetla galerie ogłoszeń
  stworzonych przez użytkowników
  ================================
   */
  const MainGallery = (props) => {
  
                  return(               
                  /* Pudeko bedce pojedyczą reprezentacja ogłoszenia */ 
                  <AdItem href={`/member/ads/${props.ad.ad_url}`} target="_self" style={{ backgroundImage: `url("${props.ad.ad_picture}")` }}>
                          <AdWrapper>
                                  <AdHeader>
                                          { /* Komponent ze zdjęciem ogłoszeniodawcy */ }
                                          { !props.ad.avatar ?
                                                  <Avatar name={`  ${ props.ad.name }  ${ props.ad.surename } `} size="40" round={true} /> :
                                                  <Image width="40px" height="40px" src={`${ props.ad.avatar }`} alt={`  ${ props.ad.name }  ${ props.ad.surename } `} round={true}  />  
                                          }
                                          { /* Imie i nazwisko ogłoszeniodawcy */ }
                                          <AdAuthor>{props.ad.name} {props.ad.surename}</AdAuthor>
                                  </AdHeader>
  
                                  <AdFooter>
                                          <AdInfo>
                                                  { /* Komponent z tytułem ogłoszenia */ }
                                                  <AdInfoTitle>{props.ad.ad_title} </AdInfoTitle>
  
                                                  { /* Komponent z aktualna ceną spotkania */ }
                                                  <AdPrice>{props.ad.start_price} kredytów</AdPrice>
                                           </AdInfo>
                                  </AdFooter>
                          </AdWrapper>
                  </AdItem> 
                  );
  }
  
  export default MainGallery;