TASK 0.8 - Clean components

[isaisa002]

from : #298

BRANCH #322 & #323

TASK DESCRIPTION

As a developper, I want to allow components to read snapshot so that functionalities works with snapshot of Firebase .

Issue: Search for broker filter doesn't works with snapshot while broker card is

In profile page, broker and property result grid isn't link to new database

In search property page, property result grid isn't link to new database

[isaisa002]

Resolve filter for search for broker

• The result of filter are store in the filter data array
• This array is set with snapshot of database
• The snapshot is a picture of the result of filter
• This cause problem when trying to search according to a new filter
• To resolve, created broker records that is a unchanged snapshot of brokers in Firebase
• Thus the result of filter are store in Filter data array while the filter reads a screenshot of Firebase that doesn't change unless a new broker is added

[isaisa002]

Resolve broker result grid of profile page

Components used : BrokerCard & Admin Broker Grid

• Connected the Admin Broker Grid to a snapshot of Firebase
• Brokers records is an array that contains at each position one broker from Firebase

• To display the broker, each broker stored in broker records array will be map to the broker card component

• Broker card received the brokers in the array as "brokerRecords"

• Broker Card can read field of Firebase to display them as a Card

Result

[isaisa002]

Resolve property result grid of profile page

Components changed: Creation Property & House Card

Previously

• Creation property had Card home as the property result grid

  Issue: This was connected to the old database & doesn't display the property is 3 x 3 grid

Now

• Connected the Creation property component to read a snapshot of Firebase

• Each property in Firebase will be store in "Properties" array

• Each of the property in Firebase will be map to the House Card Component

• House Card component will received the property from the Firebase screenshot as "property"

• House card can extract all the field from Firebase and display them as a card

Result with current Firebase with 3 properties

[isaisa002]

Resolve property result grid search property page

Similarly to the property result grid of profile page

Components changed/used : Card home, House Card

• Card home component is connected to a snapshot of Firebase and store data of Firebase in the array "Properties" and "Records"

• Each properties from Firebase (Stored in the properties array of component Card Home) will be mapped to the house card component as work just like the property result grid for the profile page

Result

Currently have 2 filter : first one from the Search_Filter component

: second one implemented in Card home and works with Card home.csss

update: removed edit & delete button for property card of search property ( home card // house card is property card of profile broker)

[DominiqueProulx]

Thanks Isabelle! Unfortunately They said that nothing after the 26 will be taken into account for the grading :( but at least it will work for the demo!! Thanks!!

[isaisa002]

Thanks Isabelle! Unfortunately They said that nothing after the 26 will be taken into account for the grading :( but at least it will work for the demo!! Thanks!!

No worries! Could you verify if it's can be merged?

[DominiqueProulx]

Thanks Isabelle! Unfortunately They said that nothing after the 26 will be taken into account for the grading :( but at least it will work for the demo!! Thanks!!

No worries! Could you verify if it's can be merged?

i'll look at it right now

[DominiqueProulx]

I left some comments in your pull request https://github.com/Broke-Brokers/Broke_BRokers-soen341projectF2023/pull/322

The unit tests are fixed and the tests are running right now. I'll review and accept merge once the CI test is clear. sonarCloud test will fail but it's expected, as no test coverage was added