diff --git a/frontend/src/pages/ApartmentPage.tsx b/frontend/src/pages/ApartmentPage.tsx index ed9e7607..6116483e 100644 --- a/frontend/src/pages/ApartmentPage.tsx +++ b/frontend/src/pages/ApartmentPage.tsx @@ -340,7 +340,7 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => { const Header = ( <> - + Reviews ({reviewData.length}) {reviewData.length === 0 && ( @@ -362,6 +362,18 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => { )} + + + + {landlordData && landlordData.photos.length > 0 && ( @@ -377,42 +389,8 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => { - - - - - - - Sort by: - - - { - setSortBy('date'); - }, - }, - { - item: 'Helpful', - callback: () => { - setSortBy('likes'); - }, - }, - ]} - /> - - - + + @@ -535,7 +513,7 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => { ); const InfoSection = landlordData && ( - + { - + {isMobile ? MobileHeader : Header} {!isMobile && {InfoSection}} {showConfirmation && ( @@ -583,51 +561,76 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => { time={toastTime} /> )} - - {sortReviews(reviewData, sortBy) - .slice(0, resultsToShow) - .map((review, index) => ( - - + + + {!isMobile && ( + + + Sort by: + + + { + setSortBy('date'); + }, + }, + { + item: 'Helpful', + callback: () => { + setSortBy('likes'); + }, + }, + ]} + /> + - ))} - - - {isMobile && reviewData.length > resultsToShow && ( - - -
+ )} + {/* Rest of your Review List content */} + + {sortReviews(reviewData, sortBy) + .slice(0, resultsToShow) + .map((review, index) => ( + + + + ))} - - + + + {/* Second Grid item (InfoSection) */} + {isMobile && ( + + + {InfoSection} + + + )} + + + {InfoSection} -
- )} + +
- {isMobile && {InfoSection}} - {InfoSection}
{Modals}