From 836fb4ca41e8854022c2dcf13e6ed94d9c4642e2 Mon Sep 17 00:00:00 2001
From: Isaac <git@eartharoid.me>
Date: Sat, 1 Jun 2024 16:17:17 +0100
Subject: [PATCH] feat: selectable text on stats, change log, and about pages

---
 src/components/Elements/MainModal/scss/index.scss             | 4 ++++
 src/components/Elements/MainModal/scss/marketplace/_main.scss | 1 -
 src/features/misc/sections/About.jsx                          | 4 ++--
 src/features/misc/sections/Changelog.jsx                      | 2 +-
 src/features/stats/options/StatsOptions.jsx                   | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Elements/MainModal/scss/index.scss b/src/components/Elements/MainModal/scss/index.scss
index 26c367ed..ce0f4178 100644
--- a/src/components/Elements/MainModal/scss/index.scss
+++ b/src/components/Elements/MainModal/scss/index.scss
@@ -35,6 +35,10 @@
   &:focus {
     outline: 0;
   }
+
+  .modalInfoPage {
+    user-select: text;
+  }
 }
 
 .closePositioning {
diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss
index a16d7fc6..cbe97c65 100644
--- a/src/components/Elements/MainModal/scss/marketplace/_main.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss
@@ -254,7 +254,6 @@
   text-align: center;
   align-items: center;
   user-select: none;
-  user-select: none;
 
   img {
     width: 200px;
diff --git a/src/features/misc/sections/About.jsx b/src/features/misc/sections/About.jsx
index d5d093e5..491ce661 100644
--- a/src/features/misc/sections/About.jsx
+++ b/src/features/misc/sections/About.jsx
@@ -132,7 +132,7 @@ class About extends PureComponent {
 
   render() {
     return (
-      <>
+      <div className="modalInfoPage">
         <div className="settingsRow" style={{ justifyContent: 'center' }}>
           <div style={{ display: 'flex', flexFlow: 'column', gap: '5px' }}>
             <img
@@ -383,7 +383,7 @@ class About extends PureComponent {
             ))}
           </ul>
         </div>
-      </>
+      </div>
     );
   }
 }
diff --git a/src/features/misc/sections/Changelog.jsx b/src/features/misc/sections/Changelog.jsx
index 6f4c2a78..91df9c06 100644
--- a/src/features/misc/sections/Changelog.jsx
+++ b/src/features/misc/sections/Changelog.jsx
@@ -133,7 +133,7 @@ class Changelog extends PureComponent {
     }
 
     return (
-      <div className="changelogtab" ref={this.changelog}>
+      <div className="modalInfoPage changelogtab" ref={this.changelog}>
         <span className="mainTitle">{this.state.title}</span>
         <span className="subtitle">Released on {this.state.date}</span>
         {this.state.image && (
diff --git a/src/features/stats/options/StatsOptions.jsx b/src/features/stats/options/StatsOptions.jsx
index 05bf20cb..b16142d1 100644
--- a/src/features/stats/options/StatsOptions.jsx
+++ b/src/features/stats/options/StatsOptions.jsx
@@ -111,7 +111,7 @@ const Stats = () => {
           resetStats={resetStats}
         />
       </Modal>
-      <div className="stats">
+      <div className="modalInfoPage stats">
         <div className="statSection rightPanel">
           <div className="statIcon">
             <MdShowChart />