CodersCamp2021 / michal-team-projekt-2

https://michal-team-projekt-2.netlify.app
1 stars 1 forks source link

FE | Offers Page #19

Closed Weroniika closed 2 years ago

Weroniika commented 2 years ago

składa się z:

karol-wolski commented 2 years ago

@CodersCamp2021/coderscamp-2021-michal-s-team jak planujemy ograć wyświetlanie ofert jak user zaznaczy jakieś filtry. Za każdym razem co zmiana filtra do api po dane czy będziemy po stronie FE filtrować?

Weroniika commented 2 years ago

@karol-wolski hmm filtry są tylko 3, to może jednak po stronie fe? A jak Ty uważasz, jak będzie lepiej to zrobić?

karol-wolski commented 2 years ago

Ja też bym skłaniał się do obrabiania tych danych na FE.

karol-wolski commented 2 years ago

@Weroniika jeszcze mam jedno pytanie filtry i obiekty będą szły jako jeden obiekt z bazy, czy będą dwa osobne endpointy jeden do filtrów a drugi do obiektów?

ghost commented 2 years ago

Myślę że, lepszym rozwiązaniem jest jeden obiekt, będzie można wtedy odflitrować obiekty które posiadają dany filtr.

karol-wolski commented 2 years ago

Uda się dowieźć #19, #20 i #49 do demo?

ghost commented 2 years ago

UI jest już gotowe. Mam tylko problem z podpięciem komponentu z listą obiektów, wrzuce PR może ktoś podsunie jakiś pomysł. Jeżeli chodzi o logike, to do końca dnia postaram się część dodać.

karol-wolski commented 2 years ago
const data = {
  city: 'Warszawa',
  numOfObjects: 2,
  objects: [
    {
      id: 1,
      title: 'Apartament z widokiem na morze',
      description: `
    Velit culpa ipsum irure duis incididunt duis occaecat consequat nulla excepteur duis non nisi ad. Elit
    Lorem reprehenderit ullamco laborum ex ex amet laborum tempor.`,
      localisation: {
        address: 'Łazienkowska 3, Warsaw, Poland',
        latitude: 52.22136,
        longitude: 21.04067,
      },
      price: 169,
      oldPrice: 239,
      image:
        'https://images.unsplash.com/photo-1631048501851-4aa85ffc3be8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80',
    },
    {
      id: 2,
      title: 'Apartament z widokiem na morze',
      description: `
    Velit culpa ipsum irure duis incididunt duis occaecat consequat nulla excepteur duis non nisi ad. Elit
    Lorem reprehenderit ullamco laborum ex ex amet laborum tempor.`,
      localisation: {
        address: 'Łazienkowska 3, Warsaw, Poland',
        latitude: 52.22136,
        longitude: 21.04067,
      },
      price: 169,
      image:
        'https://images.unsplash.com/photo-1631048501851-4aa85ffc3be8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80',
    },
  ],
};

<ObjectList objects={data} />

Przy czym data powinno być zwrotką z api. Chyba, że nie o to pytałeś @KamiKant :see_no_evil:

ghost commented 2 years ago

Dzięki, o to mi chodziło :-) @karol-wolski

karol-wolski commented 2 years ago

Można zamknąć to issue czy coś jeszcze zostało w nim do zrobienia?

ghost commented 2 years ago

Myślę, że można zamknąć.