bottomsheet

src/entities/common/ui/download-bottom-sheet.tsx

@@ -126,7 +126,7 @@ export const DownloadBottomSheet = ({
           <div className="email-section">
             { !!sheetImageMode &&
             <div
-              className="email-label mb-10"
+              className={ `email-label mb-10 ${selectedMode === DownloadSelectedMode.IMAGE? 'active': ''}` }
               onClick={ () => onClickToSelectMode(DownloadSelectedMode.IMAGE) }
             >
               <div className="mail-icon">
@@ -142,7 +142,7 @@ export const DownloadBottomSheet = ({
             { !!sheetEmailMode &&
             <>
               <div 
-                className="email-label"
+                className={ `email-label ${selectedMode === DownloadSelectedMode.EMAIL? 'active': ''}` }
                 onClick={ () => onClickToSelectMode(DownloadSelectedMode.EMAIL) }
               >
                 <div className="mail-icon">

src/entities/transaction/ui/section/amount-info-section.tsx

@@ -402,8 +402,7 @@ export const AmountInfoSection = ({
           </div>
         }
         <div className="txn-doc">
-          {
-            (transactionCategory === TransactionCategory.CashReceipt) &&
+          { (transactionCategory === TransactionCategory.CashReceipt) &&
             !!canDownloadReceipt &&
             <button
               className="doc-btn"

src/shared/ui/assets/css/style-fix.css

@@ -515,4 +515,8 @@ main.pop{
   min-width: 240px;
   max-width: 320px;
   width: 100%;
+}
+
+.email-label.active .label-text {
+  color: blue;
 }