From 0cc254eb20f085e994fe89a73def39dd602b698d Mon Sep 17 00:00:00 2001
From: Christopher Gurnee <chris@gurneeconsulting.net>
Date: Fri, 3 Dec 2021 11:01:56 -0500
Subject: [PATCH] Make "max. to download" setting easier to change

---
 src/pages/thread/SortBy.js | 7 ++++---
 src/state.js               | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/thread/SortBy.js b/src/pages/thread/SortBy.js
index 7625cc3..fe2171b 100644
--- a/src/pages/thread/SortBy.js
+++ b/src/pages/thread/SortBy.js
@@ -27,10 +27,11 @@ const sortBy = props => {
   <label htmlFor='maxComments'>max. to download:</label>
     <span className='space' />
     <input id='maxComments' onChange={e => {
-      if (e.target.value > props.global.state.maxComments)
+      if (parseInt(e.target.value) > props.global.state.maxComments && props.global.state.maxComments < maxCommentsLimit)
         setReloadVisible(true)
-      props.global.setMaxComments(e.target.value)
-    }} value={props.global.state.maxComments} type='number' size='5' maxLength='5' required min='100' max={maxCommentsLimit} step='100' />
+    }} onBlur={e => {
+      e.target.value = props.global.setMaxComments(e.target.value)
+    }} defaultValue={props.global.state.maxComments} type='number' size='5' maxLength='5' required min='100' max={maxCommentsLimit} step='100' />
   {reloadVisible && <>
     <span className='space' />
     <input onClick={() => location.replace(location.href)} type='button' value='Reload' />
diff --git a/src/state.js b/src/state.js
index 6781222..00ea632 100644
--- a/src/state.js
+++ b/src/state.js
@@ -50,6 +50,7 @@ class GlobalState extends Container {
       maxComments = 100
     put(maxCommentsKey, maxComments)
     this.setState({maxComments})
+    return maxComments
   }
 
   setSuccess = () => this.setState({statusText: '', statusImage: '/images/success.png'})