Star Gift: Fix incorrect text after upgrading (#5521)

src/components/middle/ActionMessage.tsx

@@ -441,6 +441,14 @@ const ActionMessage: FC<OwnProps & StateProps> = ({
     }
     const amountToConvert = starGift?.starsToConvert;
 
+    if (starGift.isSaved) {
+      return lang('ActionStarGiftDisplaying');
+    }
+
+    if (starGift.isUpgraded) {
+      return lang('ActionStarGiftUpgraded');
+    }
+
     if (message.isOutgoing) {
       if (amountToConvert) {
         return lang('ActionStarGiftOutDescription', {
@@ -456,14 +464,6 @@ const ActionMessage: FC<OwnProps & StateProps> = ({
       }
     }
 
-    if (starGift.isSaved) {
-      return lang('ActionStarGiftDisplaying');
-    }
-
-    if (starGift.isUpgraded) {
-      return lang('ActionStarGiftUpgraded');
-    }
-
     if (starGift.isConverted) {
       return message.isOutgoing
         ? lang('GiftInfoDescriptionOutConverted', {

src/components/modals/common/TableInfoModal.module.scss

@@ -42,6 +42,7 @@
   padding: 0.25rem 0.5rem;
   position: relative;
   min-height: 2.5rem;
+  font-size: 0.9375rem;
 }
 
 .fullWidth {

src/components/modals/gift/GiftComposer.module.scss

@@ -70,13 +70,15 @@
   place-content: center;
   height: 22.5rem;
   margin-bottom: 0;
+  margin-top: 0.75rem;
+
+  padding: 0.5rem;
 
   position: relative;
   overflow: hidden;
   flex: 0 0 auto;
 
-  border-bottom-right-radius: var(--border-radius-default);
+  border-radius: var(--border-radius-default);
-  border-bottom-left-radius: var(--border-radius-default);
 
   background-color: var(--theme-background-color);
   background-position: center;

src/components/modals/gift/info/GiftInfoModal.tsx

@@ -306,7 +306,7 @@ const GiftInfoModal = ({
         ]);
       }
 
-      if (gift.upgradeStars) {
+      if (gift.upgradeStars && !userGift?.upgradeMsgId) {
         tableData.push([
           lang('GiftInfoStatus'),
           <div className={styles.giftValue}>