From df48f888ff293444d5a1299f97a94ab51e4f62c4 Mon Sep 17 00:00:00 2001
From: Thoronium <107363768+NotThorny@users.noreply.github.com>
Date: Tue, 25 Apr 2023 14:19:17 -0600
Subject: [PATCH] Mod browser page number

---
 src-tauri/src/release.rs               |  2 +-
 src/ui/Mods.css                        |  2 +-
 src/ui/Mods.tsx                        |  7 ++++++-
 src/ui/components/mods/ModPages.css    | 21 ++++++++++++++++++++-
 src/ui/components/news/NewsSection.tsx |  2 +-
 5 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src-tauri/src/release.rs b/src-tauri/src/release.rs
index 9056f77..647f454 100644
--- a/src-tauri/src/release.rs
+++ b/src-tauri/src/release.rs
@@ -17,7 +17,7 @@ pub async fn get_latest_release() -> Release {
     .unwrap();
   let text = response.text().await.unwrap();
 
-  println!("Response: {}", text);
+  //println!("Response: {}", text);
 
   // Parse "tag_name" from JSON
   let json: serde_json::Value = serde_json::from_str(&text).unwrap();
diff --git a/src/ui/Mods.css b/src/ui/Mods.css
index 709ca26..520a3a8 100644
--- a/src/ui/Mods.css
+++ b/src/ui/Mods.css
@@ -1,6 +1,6 @@
 .Mods {
   backdrop-filter: blur(10px);
-  height: 90%;
+  height: 80%;
   width: 100%;
 }
 
diff --git a/src/ui/Mods.tsx b/src/ui/Mods.tsx
index 623d1f7..612f277 100644
--- a/src/ui/Mods.tsx
+++ b/src/ui/Mods.tsx
@@ -188,7 +188,12 @@ export class Mods extends React.Component<IProps, IState> {
 
         <ModHeader onChange={this.setCategory} headers={headers} defaultHeader={'ripe'} />
 
-        <ModPages onClick={this.setPage} headers={pages} defaultHeader={1} />
+        {this.state.category != 'installed' && (
+          <>
+            <p className="ModPagesPage">{this.state.page} </p>
+            <ModPages onClick={this.setPage} headers={pages} defaultHeader={this.state.page} />
+          </>
+        )}
 
         <ModList
           key={`${this.state.category}_${this.state.page}`}
diff --git a/src/ui/components/mods/ModPages.css b/src/ui/components/mods/ModPages.css
index d0bae5f..46dfed8 100644
--- a/src/ui/components/mods/ModPages.css
+++ b/src/ui/components/mods/ModPages.css
@@ -4,8 +4,10 @@
   align-items: center;
   justify-content: space-around;
   width: 100%;
+  z-index: 2;
+  position: relative;
 
-  padding: 10px;
+  padding: 5px;
 
   font-size: 20px;
   font-weight: bold;
@@ -16,6 +18,7 @@
 .ModPagesTitle {
   display: flex;
   justify-content: center;
+  z-index: 3;
 
   width: 100%;
   max-width: 20%;
@@ -28,3 +31,19 @@
 .ModPagesTitle.selected {
   border-bottom: 0px solid #fff;
 }
+
+.ModPagesPage {
+  position: absolute;
+  justify-self: center;
+  left: 50%;
+  margin-top: 10px;
+  transform: translateX(-50%);
+  text-align: center;
+
+  padding: -5px;
+  z-index: 3;
+
+  font-size: 15px;
+  font-weight: bold;
+  color: #fff;
+}
diff --git a/src/ui/components/news/NewsSection.tsx b/src/ui/components/news/NewsSection.tsx
index 761b93c..fa89803 100644
--- a/src/ui/components/news/NewsSection.tsx
+++ b/src/ui/components/news/NewsSection.tsx
@@ -124,7 +124,7 @@ export default class NewsSection extends React.Component<IProps, IState> {
       case 'latest_version':
         news = (
           <tr>
-            <td>Latest version: Grasscutter 1.4.6 - Cultivation 1.0.10</td>
+            <td>Latest version: Grasscutter 1.4.8 - Cultivation 1.0.26</td>
           </tr>
         )
         break