From 3ba1f382e47d9ce4a3ad82674257da8c52541230 Mon Sep 17 00:00:00 2001
From: Tolu <emoruwatoluwanimi@gmail.com>
Date: Mon, 15 Apr 2024 14:02:27 -0400
Subject: [PATCH] Season changes

---
 prem-data/src/components/home-layer-1/layer1-style.css | 6 ++++++
 prem-data/src/components/home-layer-1/pl-table.js      | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/prem-data/src/components/home-layer-1/layer1-style.css b/prem-data/src/components/home-layer-1/layer1-style.css
index 7b8a39c..a114368 100644
--- a/prem-data/src/components/home-layer-1/layer1-style.css
+++ b/prem-data/src/components/home-layer-1/layer1-style.css
@@ -72,6 +72,12 @@
     background-color: #505050;
     color: #F8F8F8;
 }
+.season-container{
+    height: 5vh;
+    color: white;
+    display: flex;
+    justify-content: space-between;
+}
 @media screen and (max-width: 1024px) {
     .pl-season-info{
         height: fit-content;
diff --git a/prem-data/src/components/home-layer-1/pl-table.js b/prem-data/src/components/home-layer-1/pl-table.js
index e439de7..7a602e9 100644
--- a/prem-data/src/components/home-layer-1/pl-table.js
+++ b/prem-data/src/components/home-layer-1/pl-table.js
@@ -145,6 +145,11 @@ export default function BasicTabs() {
                     data.length === 3 && (
                     <div className='pl-home-container'>
                         <div className="table">
+                            <div className='season-container'>
+                                <button onClick={() => {setSeason("2021-22")}}>Previous</button>
+                                {season}
+                                <button>Next</button>
+                            </div>
                             <DataTable 
                                 columns={columns} 
                                 data={data[0].sort((a, b) => b.points - a.points)}