Merge pull request #957 from Abhi0049k/fix/back-button

correctly for Back Button and removing the delay

Author: sanjay-kv

src/pages/dashboard/dashboard.css

@@ -62,7 +62,7 @@
   z-index: 1051;
 }
 
-.dashboard-mobile-menu > div:last-child {
+.dashboard-mobile-menu>div:last-child {
   position: absolute;
   top: 0;
   left: 0;
@@ -76,7 +76,7 @@
   transition: transform 0.3s ease;
 }
 
-.dashboard-mobile-menu.show > div:last-child {
+.dashboard-mobile-menu.show>div:last-child {
   transform: translateX(0);
 }
 
@@ -159,11 +159,11 @@
   display: flex;
   align-items: center;
   padding: 10px;
-  background: var(--ifm-color-emphasis-100);
+  background-color: var(--ifm-color-emphasis-100);
   border: none;
   border-radius: 8px;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: all 0s ease;
   color: var(--ifm-color-content);
 }
 
@@ -295,11 +295,9 @@
   left: 0;
   right: 0;
   height: 4px;
-  background: linear-gradient(
-    90deg,
-    var(--ifm-color-primary),
-    var(--ifm-color-primary-light)
-  );
+  background: linear-gradient(90deg,
+      var(--ifm-color-primary),
+      var(--ifm-color-primary-light));
 }
 
 .dashboard-stat-card:hover {
@@ -715,4 +713,4 @@
 [data-theme="dark"] .loading-spinner {
   border-color: var(--ifm-color-emphasis-300);
   border-top-color: var(--ifm-color-primary);
-}
+}

src/pages/dashboard/index.tsx

@@ -453,7 +453,7 @@ const DashboardContent: React.FC = () => {
             onClick={() => history.goBack()}
             aria-label="Go back"
           >
-            <ArrowLeft size={20} />
+            <ArrowLeft />
           </button>
         </div>
         <div className="sidebar-nav">
@@ -559,25 +559,22 @@ const DashboardContent: React.FC = () => {
               <div className="discussion-tabs">
                 <button
                   onClick={() => handleDiscussionTabChange("discussions")}
-                  className={`tab-button ${
-                    activeDiscussionTab === "discussions" ? "active" : ""
-                  }`}
+                  className={`tab-button ${activeDiscussionTab === "discussions" ? "active" : ""
+                    }`}
                 >
                   <MessageCircle size={18} /> All Discussions
                 </button>
                 <button
                   onClick={() => handleDiscussionTabChange("trending")}
-                  className={`tab-button ${
-                    activeDiscussionTab === "trending" ? "active" : ""
-                  }`}
+                  className={`tab-button ${activeDiscussionTab === "trending" ? "active" : ""
+                    }`}
                 >
                   <TrendingUp size={18} /> Trending
                 </button>
                 <button
                   onClick={() => handleDiscussionTabChange("unanswered")}
-                  className={`tab-button ${
-                    activeDiscussionTab === "unanswered" ? "active" : ""
-                  }`}
+                  className={`tab-button ${activeDiscussionTab === "unanswered" ? "active" : ""
+                    }`}
                 >
                   <HelpCircle size={18} /> Unanswered
                 </button>