From 125af5d4d94c8492b712da46c06bb151a7484b18 Mon Sep 17 00:00:00 2001
From: Gurikov Maxim <maximgurikoff@gmail.com>
Date: Tue, 12 Nov 2024 19:52:40 +0500
Subject: [PATCH] fixes

---
 .../{ => favorites-page}/favorites-page.tsx   |  6 ++---
 src/Pages/{ => login-page}/login-page.tsx     |  0
 src/Pages/{ => main-page}/main-page.tsx       | 22 +++++++++--------
 src/Pages/{ => offer-page}/offer-page.tsx     | 24 +++++++++----------
 src/components/app.tsx                        |  8 +++----
 src/store/actions.ts                          |  6 ++---
 src/store/store.ts                            |  4 ++--
 7 files changed, 36 insertions(+), 34 deletions(-)
 rename src/Pages/{ => favorites-page}/favorites-page.tsx (86%)
 rename src/Pages/{ => login-page}/login-page.tsx (100%)
 rename src/Pages/{ => main-page}/main-page.tsx (75%)
 rename src/Pages/{ => offer-page}/offer-page.tsx (83%)

diff --git a/src/Pages/favorites-page.tsx b/src/Pages/favorites-page/favorites-page.tsx
similarity index 86%
rename from src/Pages/favorites-page.tsx
rename to src/Pages/favorites-page/favorites-page.tsx
index f8a3e67..e605929 100644
--- a/src/Pages/favorites-page.tsx
+++ b/src/Pages/favorites-page/favorites-page.tsx
@@ -1,7 +1,7 @@
 import { Helmet } from 'react-helmet-async';
-import { Layout } from '../components/layout.tsx';
-import { OfferGroup } from '../components/offer/offer-group.tsx';
-import { Offer } from '../dataTypes/offer.ts';
+import { Layout } from '../../components/layout.tsx';
+import { OfferGroup } from '../../components/offer/offer-group.tsx';
+import { Offer } from '../../dataTypes/offer.ts';
 
 interface FavoritesPageProps {
   offers: Offer[];
diff --git a/src/Pages/login-page.tsx b/src/Pages/login-page/login-page.tsx
similarity index 100%
rename from src/Pages/login-page.tsx
rename to src/Pages/login-page/login-page.tsx
diff --git a/src/Pages/main-page.tsx b/src/Pages/main-page/main-page.tsx
similarity index 75%
rename from src/Pages/main-page.tsx
rename to src/Pages/main-page/main-page.tsx
index 907666f..a78219c 100644
--- a/src/Pages/main-page.tsx
+++ b/src/Pages/main-page/main-page.tsx
@@ -1,15 +1,15 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useState } from 'react';
-import { Offer } from '../dataTypes/offer.ts';
-import { OffersList } from '../components/offer/offers-list.tsx';
-import { Layout } from '../components/layout.tsx';
+import { Offer } from '../../dataTypes/offer.ts';
+import { OffersList } from '../../components/offer/offers-list.tsx';
+import { Layout } from '../../components/layout.tsx';
 import { Helmet } from 'react-helmet-async';
 import { Nullable } from 'vitest';
-import { Map } from '../components/map/map.tsx';
-import { useAppSelector } from '../store/store.ts';
-import { CitiesList } from '../components/cities-list.tsx';
-import { pluralizeAndCombine } from '../utils/string-utils.ts';
-import { OfferSortSelect } from '../components/offer/offer-sort-select.tsx';
+import { Map } from '../../components/map/map.tsx';
+import { useAppSelector } from '../../store/store.ts';
+import { CitiesList } from '../../components/cities-list.tsx';
+import { pluralizeAndCombine } from '../../utils/string-utils.ts';
+import { OfferSortSelect } from '../../components/offer/offer-sort-select.tsx';
 
 export function MainPage(): React.JSX.Element {
   const [activeOffer, setActiveOffer] = useState<Nullable<Offer>>(null);
@@ -19,6 +19,9 @@ export function MainPage(): React.JSX.Element {
   );
   const sort = useAppSelector((state) => state.sorting);
   const offers = sort(unsortedOffers);
+  const offersCountCaption = offers.length === 0
+    ? 'No places to stay available'
+    : `${pluralizeAndCombine('place', offers.length)} to stay in ${city.name}`;
   return (
     <div className="page page--gray page--main">
       <Layout showFooter>
@@ -31,8 +34,7 @@ export function MainPage(): React.JSX.Element {
               <section className="cities__places places">
                 <h2 className="visually-hidden">Places</h2>
                 <b className="places__found">
-                  {pluralizeAndCombine('place', offers.length)} to stay in{' '}
-                  {city.name}
+                  {offersCountCaption}
                 </b>
                 <OfferSortSelect/>
                 <OffersList
diff --git a/src/Pages/offer-page.tsx b/src/Pages/offer-page/offer-page.tsx
similarity index 83%
rename from src/Pages/offer-page.tsx
rename to src/Pages/offer-page/offer-page.tsx
index 8d649f4..f29bd00 100644
--- a/src/Pages/offer-page.tsx
+++ b/src/Pages/offer-page/offer-page.tsx
@@ -1,18 +1,18 @@
 import { Helmet } from 'react-helmet-async';
-import { Layout } from '../components/layout.tsx';
-import { OffersList } from '../components/offer/offers-list.tsx';
-import { offerMocks } from '../mocks/offers.ts';
-import { Reviews } from '../components/reviews/reviews.tsx';
-import { reviewMocks } from '../mocks/reviews.ts';
-import { Map } from '../components/map/map.tsx';
+import { Layout } from '../../components/layout.tsx';
+import { OffersList } from '../../components/offer/offers-list.tsx';
+import { offerMocks } from '../../mocks/offers.ts';
+import { Reviews } from '../../components/reviews/reviews.tsx';
+import { reviewMocks } from '../../mocks/reviews.ts';
+import { Map } from '../../components/map/map.tsx';
 import React from 'react';
 import { useParams } from 'react-router-dom';
-import { OfferInsideItems } from '../components/offer/offer-inside-items.tsx';
-import { detailedOfferMocks } from '../mocks/detailed-offer.ts';
-import { OfferHost } from '../components/offer/offer-host.tsx';
-import { capitalize, pluralizeAndCombine } from '../utils/string-utils.ts';
-import { Rating } from '../components/rating.tsx';
-import { OfferGallery } from '../components/offer/offer-gallery.tsx';
+import { OfferInsideItems } from '../../components/offer/offer-inside-items.tsx';
+import { detailedOfferMocks } from '../../mocks/detailed-offer.ts';
+import { OfferHost } from '../../components/offer/offer-host.tsx';
+import { capitalize, pluralizeAndCombine } from '../../utils/string-utils.ts';
+import { Rating } from '../../components/rating.tsx';
+import { OfferGallery } from '../../components/offer/offer-gallery.tsx';
 import { BookmarkButton } from '../components/bookmark-button.tsx';
 
 export function OfferPage(): React.JSX.Element {
diff --git a/src/components/app.tsx b/src/components/app.tsx
index 1d523c1..dccd602 100644
--- a/src/components/app.tsx
+++ b/src/components/app.tsx
@@ -1,8 +1,8 @@
-import { MainPage } from '../pages/main-page.tsx';
+import { MainPage } from '../pages/main-page/main-page.tsx';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import { LoginPage } from '../pages/login-page.tsx';
-import { FavoritesPage } from '../pages/favorites-page.tsx';
-import { OfferPage } from '../pages/offer-page.tsx';
+import { LoginPage } from '../pages/login-page/login-page.tsx';
+import { FavoritesPage } from '../pages/favorites-page/favorites-page.tsx';
+import { OfferPage } from '../pages/offer-page/offer-page.tsx';
 import { NotFoundPage } from '../pages/not-found-page/not-found-page.tsx';
 import { AuthorizationWrapper } from './authorization-wrapper.tsx';
 import { AppRoutes } from '../dataTypes/enums/app-routes.ts';
diff --git a/src/store/actions.ts b/src/store/actions.ts
index 156369e..edd99b1 100644
--- a/src/store/actions.ts
+++ b/src/store/actions.ts
@@ -3,8 +3,8 @@ import { City } from '../dataTypes/city.ts';
 import { Offer } from '../dataTypes/offer.ts';
 import { SortOffers } from '../dataTypes/sort-offers.ts';
 
-export const changeCity = createAction<City>('mainPage/changeCity');
+export const changeCity = createAction<City>('offers/changeCity');
 
-export const fillOffers = createAction<Offer[]>('mainPage/fillOffers');
+export const setOffers = createAction<Offer[]>('offers/setOffers');
 
-export const setSorting = createAction<SortOffers>('mainPage/setSorting');
+export const setSorting = createAction<SortOffers>('offers/setSorting');
diff --git a/src/store/store.ts b/src/store/store.ts
index c9c756a..a46b772 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -1,5 +1,5 @@
 import { configureStore, createReducer } from '@reduxjs/toolkit';
-import {changeCity, fillOffers, setSorting} from './actions.ts';
+import {changeCity, setOffers, setSorting} from './actions.ts';
 import { offerMocks } from '../mocks/offers.ts';
 import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';
 import { AppDispatch, State } from '../dataTypes/store-types.ts';
@@ -17,7 +17,7 @@ const reducer = createReducer(initialState, (builder) => {
     .addCase(changeCity, (state, action) => {
       state.city = action.payload;
     })
-    .addCase(fillOffers, (state, action) => {
+    .addCase(setOffers, (state, action) => {
       state.offers = action.payload;
     })
     .addCase(setSorting, (state, action) => {