From e946a6ad73db2299ddcabd7553fbd79a1bac949d Mon Sep 17 00:00:00 2001
From: Sahil Gupte <sahilsachingupte@gmail.com>
Date: Wed, 25 Dec 2024 22:48:29 -0500
Subject: [PATCH] Fix navigate buttons in topbar

---
 src/components/topbar.rs | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/topbar.rs b/src/components/topbar.rs
index 119aa6d1..554e298c 100644
--- a/src/components/topbar.rs
+++ b/src/components/topbar.rs
@@ -3,7 +3,7 @@ use std::rc::Rc;
 use crate::icons::{spotify_icon::SpotifyIcon, youtube_icon::YoutubeIcon};
 use leptos::{
     component, create_effect, create_node_ref, create_rw_signal, create_write_slice, ev::Event,
-    event_target_value, expect_context, view, CollectView, IntoView, RwSignal, SignalGet,
+    event_target_value, expect_context, view, window, CollectView, IntoView, RwSignal, SignalGet,
     SignalGetUntracked, SignalSet, SignalUpdate,
 };
 use leptos_router::use_navigate;
@@ -258,10 +258,14 @@ pub fn TopBar() -> impl IntoView {
                         // Prev next buttons
                         <div class="row justify-content-between">
                             <div class="col-6">
-                                <PrevIcon />
+                                <PrevIcon on:click=move |_| {
+                                    window().history().unwrap().back().unwrap();
+                                } />
                             </div>
                             <div class="col-6">
-                                <NextIcon />
+                                <NextIcon on:click=move |_| {
+                                    window().history().unwrap().forward().unwrap();
+                                } />
                             </div>
                         </div>
                     </div>