From 48a46461db1016ee2d79f58098f56cc429dc2b7f Mon Sep 17 00:00:00 2001
From: Anik Dhabal Babu <adhabal2002@gmail.com>
Date: Sun, 23 Apr 2023 07:35:20 +0000
Subject: [PATCH] Arrow button in fixed in slider

---
 app/components/newscarousel.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/newscarousel.js b/app/components/newscarousel.js
index b1a3681f..389c663f 100644
--- a/app/components/newscarousel.js
+++ b/app/components/newscarousel.js
@@ -3,7 +3,7 @@ import Slider from "react-slick";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 
-const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
+const PrevArrow = ({ currentSlide, slideCount,onClick, ...props }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -12,6 +12,7 @@ const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
       fill="#000"
       className="bi bi-arrow-left-short align-self-center"
       viewBox="0 0 16 16"
+      onClick={onClick}
     >
       <path
         fillRule="evenodd"
@@ -21,7 +22,7 @@ const PrevArrow = ({ currentSlide, slideCount, ...props }) => {
   );
 };
 
-const NextArrow = ({ currentSlide, slideCount, ...props }) => {
+const NextArrow = ({ currentSlide, slideCount,onClick, ...props }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,6 +31,7 @@ const NextArrow = ({ currentSlide, slideCount, ...props }) => {
       fill="#000"
       className="bi bi-arrow-left-short align-self-center"
       viewBox="0 0 16 16"
+      onClick={onClick}
     >
       <path
         fillRule="evenodd"