From 92c9fc562300ea1c212e2f31c4d30f8ee756557a Mon Sep 17 00:00:00 2001
From: 19893381 <MStaZakharov@sberbank.ru>
Date: Wed, 31 Jul 2024 18:23:38 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B2=D0=BA=D0=BB=D0=B0=D0=B4=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D1=81=D0=BE=D0=B1=D1=8B=D1=82=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Diary/Diary.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Diary/Diary.tsx b/src/pages/Diary/Diary.tsx
index 149264a..8d8ba01 100644
--- a/src/pages/Diary/Diary.tsx
+++ b/src/pages/Diary/Diary.tsx
@@ -1268,9 +1268,9 @@ const Diary: FC<IProps> = ({
         }
     }, [ref])
 
-    const tradeEvents = useMemo(() => trades.filter(s => s.symbol === showSymbolModal), [showSymbolModal, trades]);
+    const tradeEvents = useMemo(() => trades.filter(s => s.symbol === showSymbolModal).sort((a, b) => a.date - b.date), [showSymbolModal, trades]);
     const {height} = useWindowDimensions();
-    const listHeight = useMemo(() => isMobile ? height - 182 : height - 56, [isMobile, height]);
+    const listHeight = useMemo(() => isMobile ? height - 186 : height - 56, [isMobile, height]);
 
     return (
         <div className="Diary">
@@ -1494,7 +1494,7 @@ const Diary: FC<IProps> = ({
                                     // -webkit-transition: "background-color .2s ease-in",
                                     transition: "background-color .2s ease-in"
                                 }
-                            }} height={listHeight} itemHeight={52} itemKey="id">
+                            }} height={listHeight} itemHeight={48} itemKey="id">
                                 {(getMaxLossTrade =>
                                     <div className="ticker-info" key={getMaxLossTrade.id}>
                                         <div style={{display: 'flex'}}>
@@ -1502,7 +1502,7 @@ const Diary: FC<IProps> = ({
                                             <div className="ticker_name">
                                                 <div className="ticker_name_title">{getMaxLossTrade?.side === 'buy'? 'Покупка' : 'Продажа'} {getMaxLossTrade?.qtyUnits} акций</div>
                                                 <div className="ticker_name_description">
-                                                    {moment(getMaxLossTrade?.openDate).format('DD.MM.YYYY HH:mm:ss')}
+                                                    {moment(getMaxLossTrade?.date).format('DD.MM.YYYY HH:mm:ss')}
                                                 </div>
                                             </div>
                                         </div>