Merge pull request #78 from fs-jun24-team-3/hotfix/hot-prices-sorting

hotfix/hot-prices-sorting

src/components/Main/Main.tsx

@@ -1,19 +1,14 @@
 import React, { useEffect, useMemo } from 'react';
 import './Main.scss';
 import { MainBannerSlider } from './MainBannerSlider';
-// import { GoodsSlider } from './GoodsSlider';
 import { CategoriesList } from './CategoriesList';
 import { GoodsSlider } from './GoodsSlider';
 import { loadPhones } from '../../app/slices/phonesSlice';
 import { useAppDispatch, useAppSelector } from '../../app/reduxHooks';
-import { Phone } from '../../utils/types/Phone';
+import { sortByHighDiscounts } from '../../utils/helpers/sortByHighDiscounts';
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 type Props = {};
 
-function sortByHighDiscounts(phones: Phone[]) {
-  return [...phones].sort((p1, p2) => p2.priceDiscount - p1.priceDiscount);
-}
-
 export const Main: React.FC<Props> = () => {
   const dispatch = useAppDispatch();
   const { phones } = useAppSelector(state => state.phones);
@@ -33,7 +28,7 @@ export const Main: React.FC<Props> = () => {
         <GoodsSlider sliderTitle={'Brand new models'} productsList={phones} />
         <CategoriesList />
         <GoodsSlider
-          sliderTitle={'HotPrices'}
+          sliderTitle={'Hot prices'}
           productsList={phonesWithHighestDiscounts}
         />
       </div>

src/utils/helpers/sortByHighDiscounts.ts

@@ -0,0 +1,9 @@
+import { Phone } from '../types/Phone';
+
+export function sortByHighDiscounts(phones: Phone[]) {
+  return [...phones].sort((p1, p2) => {
+    return (
+      p1.priceDiscount - p1.priceRegular - (p2.priceDiscount - p2.priceRegular)
+    );
+  });
+}