From b44418c4cbe0c735ed7d96f6dbba90f770703f4b Mon Sep 17 00:00:00 2001
From: Roman Borovik <31778230+Starmordar@users.noreply.github.com>
Date: Sat, 7 Oct 2023 19:48:50 +0300
Subject: [PATCH] Record rating display tweaks (#29)

* Record rating display tweaks

* fix label
---
 .../src/containers/Profile/PvpBrackets.tsx     | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/containers/Profile/PvpBrackets.tsx b/frontend/src/containers/Profile/PvpBrackets.tsx
index 1fd7c36e..086a2bd6 100644
--- a/frontend/src/containers/Profile/PvpBrackets.tsx
+++ b/frontend/src/containers/Profile/PvpBrackets.tsx
@@ -67,18 +67,20 @@ const PvpBracket = ({
             )}
 
             <div className="hidden sm:flex sm:flex-col rounded-lg absolute top-0 right-0 px-2 pt-2 bg-[#030303e6]">
-              {bracket?.season_max_rating && bracket.season_max_rating !== -1 ? (
+              {bracket?.season_max_rating &&
+              bracket.season_max_rating !== -1 &&
+              bracket?.season_max_rating !== bracket?.max_rating ? (
                 <Tooltip
                   placement="right"
-                  title={`Season highest achieved at ${dayjs(
+                  title={`Season record achieved at ${dayjs(
                     bracket.season_max_rating_achieved_timestamp
                   ).format('MM.DD.YY')}`}
                 >
                   <div className="flex gap-2 flex-row justify-center items-center text-[#60A5FACC]">
                     <span className="text-base">Season</span>
-                    <span className="text-white text-xs sm:text-base flex items-end">
+                    <span className="text-white text-xs sm:text-base flex items-center">
                       {bracket.season_max_rating}
-                      <InfoOutlinedIcon fontSize="small" className="mb-2 !ml-1 !w-4 !h-4" />
+                      <InfoOutlinedIcon fontSize="small" className="!ml-1 !w-4 !h-4" />
                     </span>
                   </div>
                 </Tooltip>
@@ -86,15 +88,15 @@ const PvpBracket = ({
               {bracket?.max_rating && bracket.max_rating !== -1 ? (
                 <Tooltip
                   placement="right"
-                  title={`Highest achieved at ${dayjs(bracket.max_rating_achieved_timestamp).format(
+                  title={`Record achieved at ${dayjs(bracket.max_rating_achieved_timestamp).format(
                     'MM.DD.YY'
                   )}`}
                 >
                   <div className="flex gap-2 flex-row justify-center items-center text-[#60A5FACC]">
-                    <span className="text-base">Highest</span>
-                    <span className="text-white text-xs sm:text-base flex items-end">
+                    <span className="text-base">Record</span>
+                    <span className="text-white text-xs sm:text-base flex items-center">
                       {bracket.max_rating}
-                      <InfoOutlinedIcon fontSize="small" className="mb-2 !ml-1 !w-4 !h-4" />
+                      <InfoOutlinedIcon fontSize="small" className="!ml-1 !w-4 !h-4" />
                     </span>
                   </div>
                 </Tooltip>