no message

src/layout/Sidebar/index.jsx

@@ -349,20 +349,23 @@ const Sidebar = () => {
             <StyledBlock open={open}>
                 <StyledBonus className="d-flex flex-column g-6" open={open}>
                     {
-                        open?(
-                            <SingleLink olstyle={styles}>
-                                <NavLink className={`${pathname === herf ? 'active' : ''} h4`} to={herf}>
-                                    <SvgIcon className={"icon"} herf={"icon_Gift"}/>
-                                    {i18n.t("links.bonus")}
-                                </NavLink>
-                            </SingleLink>
-                        ):renderIconLink(link,styles)
+                        // open?(
+                        //     <SingleLink olstyle={styles}>
+                        //         <NavLink className={`${pathname === herf ? 'active' : ''} h4`} to={herf}>
+                        //             <SvgIcon className={"icon"} herf={"icon_Gift"}/>
+                        //             {i18n.t("links.bonus")}
+                        //         </NavLink>
+                        //     </SingleLink>
+                        // ):renderIconLink(link,styles)
                     }
                     <StyledAct open={open} enter={isActHovered} onMouseEnter={handleActEnter} onMouseLeave={handleActLeave}>
                         <div className="bonus-item li-quests">
-                            <button className="bonus-item-btn">
-                                <img className="img-bg" src={questsimg} alt={"quests"}/>
-                                {open?i18n.t("links.quest"):""}
+                            <button className="bonus-item-btn" onClick={()=>{
+                                navigate(herf);
+                            }}>
+                                {/*<img className="img-bg" src={questsimg} alt={"quests"}/>*/}
+                                <SvgIcon className={"icon-bonus"} herf={"icon_Gift"}/>
+                                {open?i18n.t("links.bonus"):""}
                             </button>
                         </div>
                         <div className="bonus-item li-spin">
@@ -488,7 +491,7 @@ const Sidebar = () => {
         return (
             <>
                 {renderBonus()}
-                {renderBanner()}
+                {/*{renderBanner()}*/}
                 {renderLine()}
                 {renderLinkBlocks()}
                 {renderSuport()}

src/layout/Sidebar/styles.js

@@ -514,6 +514,7 @@ const StyledAct=styled.div`
     display:flex;
     align-items: center;
     width:109px;
+    //width: 100%;
     height: 42px;
     border-radius: var(--border-radius) !important;
     cursor: pointer;
@@ -529,6 +530,13 @@ const StyledAct=styled.div`
       font-size: 12px;
       font-weight: 700;
       color:var(--header);
+      & .icon-bonus{
+        margin-left: 0.5rem;
+        margin-right: 0.5rem;
+        width: 20px;
+        height: 20px;
+        fill:#b891ff;
+      }
       & .img-bg{
         width: auto;
         height: 2.375rem;
@@ -594,8 +602,8 @@ const StyledAct=styled.div`
         width:${nw};
         background-color: var(--nav-item-bg) !important;
         overflow-x: visible !important;
-        padding-left:3px;
-        gap: 6px;
+        padding-left:6px;
+        gap: 0.5rem;
         .li-quests{
           background:none;
         }

src/locales/languages/en_US.json

@@ -9,7 +9,7 @@
     "live_events": "Live Events",
     "basketball": "Basketball",
     "fifa": "FIFA",
-    "bonus": "Bonus",
+    "bonus": "BONUS",
     "live_support": "Live Support",
     "quest": "QUEST",
     "spin": "SPIN",