From f8761819eec0137ba971ebb656ce41e2c8fb1d43 Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Mon, 27 Feb 2023 15:32:16 +0100
Subject: [PATCH] added functionality to mobile board select

---
 src/components/Board.jsx   | 12 ++++++++----
 src/components/Catalog.jsx | 12 ++++++++----
 src/components/Thread.jsx  | 14 ++++++++++----
 3 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index 464e000e..40257f16 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -125,7 +125,7 @@ const Board = ({ setBodyStyle }) => {
 
   const handleVoidClick = () => {}
 
-  const handleClick = (title, address) => {
+  const handleClickTitle = (title, address) => {
     setSelectedTitle(title);
     setSelectedAddress(address);
   };
@@ -250,7 +250,7 @@ const Board = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
               >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
@@ -268,9 +268,13 @@ const Board = ({ setBodyStyle }) => {
             <div className="board-select">
               <strong>Board</strong>
               &nbsp;
-              <select id="board-select-mobile">
+              <select id="board-select-mobile" value={selectedAddress}>
                 {defaultSubplebbits.map(subplebbit => (
-                  <option key={`option-${subplebbit.address}`} value={subplebbit.address} onClick={() => handleClick(subplebbit.title, subplebbit.address)}>{subplebbit.title}</option>))}
+                    <option key={`option-${subplebbit.address}`} 
+                    value={subplebbit.address}
+                    onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
+                      >{subplebbit.title}</option>
+                  ))}
               </select>
             </div>
             <div className="page-jump">
diff --git a/src/components/Catalog.jsx b/src/components/Catalog.jsx
index b6dfc1c8..04459196 100644
--- a/src/components/Catalog.jsx
+++ b/src/components/Catalog.jsx
@@ -124,7 +124,7 @@ const Catalog = ({ setBodyStyle }) => {
 
   const handleVoidClick = () => {}
 
-  const handleClick = (title, address) => {
+  const handleClickTitle = (title, address) => {
     setSelectedTitle(title);
     setSelectedAddress(address);
   };
@@ -237,7 +237,7 @@ const Catalog = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
               >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
@@ -255,9 +255,13 @@ const Catalog = ({ setBodyStyle }) => {
             <div className="board-select">
               <strong>Board</strong>
               &nbsp;
-              <select id="board-select-mobile">
+              <select id="board-select-mobile" value={selectedAddress}>
                 {defaultSubplebbits.map(subplebbit => (
-                  <option key={`option-${subplebbit.address}`} value={subplebbit.address} onClick={() => handleClick(subplebbit.title, subplebbit.address)}>{subplebbit.title}</option>))}
+                    <option key={`option-${subplebbit.address}`} 
+                    value={subplebbit.address}
+                    onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
+                      >{subplebbit.title}</option>
+                  ))}
               </select>
             </div>
             <div className="page-jump">
diff --git a/src/components/Thread.jsx b/src/components/Thread.jsx
index 174cd470..3db1b1b1 100644
--- a/src/components/Thread.jsx
+++ b/src/components/Thread.jsx
@@ -49,7 +49,7 @@ const Thread = ({ setBodyStyle }) => {
 
   const handleVoidClick = () => {}
 
-  const handleClick = (title, address) => {
+  const handleClickTitle = (title, address) => {
     setSelectedTitle(title);
     setSelectedAddress(address);
   };
@@ -160,7 +160,9 @@ const Thread = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClick(subplebbit.title, subplebbit.address)}
+              <Link key={`a-${subplebbit.address}`} 
+              to={`/${subplebbit.address}`} 
+              onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
               >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
@@ -178,9 +180,13 @@ const Thread = ({ setBodyStyle }) => {
             <div className="board-select">
               <strong>Board</strong>
               &nbsp;
-              <select id="board-select-mobile">
+              <select id="board-select-mobile" value={selectedAddress}>
                 {defaultSubplebbits.map(subplebbit => (
-                  <option key={`option-${subplebbit.address}`} value={subplebbit.address} onClick={() => handleClick(subplebbit.title, subplebbit.address)}>{subplebbit.title}</option>))}
+                    <option key={`option-${subplebbit.address}`} 
+                    value={subplebbit.address}
+                    onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
+                      >{subplebbit.title}</option>
+                  ))}
               </select>
             </div>
             <div className="page-jump">