External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix handleSelectChange

Browse Source
This commit is contained in:
plebbitor
2023-02-27 18:16:47 +01:00
parent aa9f62d783
commit e105097fd5
3 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+11 -6
View File
@@ -130,6 +130,14 @@ const Board = ({ setBodyStyle }) => {
setSelectedAddress(address); setSelectedAddress(address);
}; };
const handleSelectChange = (event) => {
const selected = event.target.value;
const selectedTitle = defaultSubplebbits.find((subplebbit) => subplebbit.address === selected).title;
setSelectedTitle(selectedTitle);
setSelectedAddress(selected);
navigate(`/${selected}`);
}
const handleClickHelp = () => { const handleClickHelp = () => {
alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan."); alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan.");
}; };
@@ -268,13 +276,10 @@ const Board = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile" value={selectedAddress}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
value={subplebbit.address} >{subplebbit.title}</option>
onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
onTouchStart={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
>{subplebbit.title}</option>
))} ))}
</select> </select>
</div> </div>
src/components/Catalog.jsx
+11 -6
View File
@@ -129,6 +129,14 @@ const Catalog = ({ setBodyStyle }) => {
setSelectedAddress(address); setSelectedAddress(address);
}; };
const handleSelectChange = (event) => {
const selected = event.target.value;
const selectedTitle = defaultSubplebbits.find((subplebbit) => subplebbit.address === selected).title;
setSelectedTitle(selectedTitle);
setSelectedAddress(selected);
navigate(`/${selected}`);
}
const handleClickHelp = () => { const handleClickHelp = () => {
alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan."); alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan.");
}; };
@@ -255,13 +263,10 @@ const Catalog = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile" value={selectedAddress}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
value={subplebbit.address} >{subplebbit.title}</option>
onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
onTouchStart={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
>{subplebbit.title}</option>
))} ))}
</select> </select>
</div> </div>
src/components/Thread.jsx
+11 -6
View File
@@ -54,6 +54,14 @@ const Thread = ({ setBodyStyle }) => {
setSelectedAddress(address); setSelectedAddress(address);
}; };
const handleSelectChange = (event) => {
const selected = event.target.value;
const selectedTitle = defaultSubplebbits.find((subplebbit) => subplebbit.address === selected).title;
setSelectedTitle(selectedTitle);
setSelectedAddress(selected);
navigate(`/${selected}`);
}
const handleClickHelp = () => { const handleClickHelp = () => {
alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan."); alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan.");
}; };
@@ -180,13 +188,10 @@ const Thread = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile" value={selectedAddress}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
value={subplebbit.address} >{subplebbit.title}</option>
onClick={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
onTouchStart={() => {handleClickTitle(subplebbit.title, subplebbit.address); navigate(`/${subplebbit.address}`)}}
>{subplebbit.title}</option>
))} ))}
</select> </select>
</div> </div>