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

added functionality to mobile board select

Browse Source
This commit is contained in:
plebbitor
2023-02-27 15:32:16 +01:00
parent 5bced2a03d
commit f8761819ee
3 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+8 -4
View File
@@ -125,7 +125,7 @@ const Board = ({ setBodyStyle }) => {
const handleVoidClick = () => {} const handleVoidClick = () => {}
const handleClick = (title, address) => { const handleClickTitle = (title, address) => {
setSelectedTitle(title); setSelectedTitle(title);
setSelectedAddress(address); setSelectedAddress(address);
}; };
@@ -250,7 +250,7 @@ const Board = ({ setBodyStyle }) => {
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<span className="boardList" key={`span-${subplebbit.address}`}> <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> >{subplebbit.title}</Link>
]&nbsp; ]&nbsp;
</span> </span>
@@ -268,9 +268,13 @@ const Board = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile"> <select id="board-select-mobile" value={selectedAddress}>
{defaultSubplebbits.map(subplebbit => ( {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> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">
src/components/Catalog.jsx
+8 -4
View File
@@ -124,7 +124,7 @@ const Catalog = ({ setBodyStyle }) => {
const handleVoidClick = () => {} const handleVoidClick = () => {}
const handleClick = (title, address) => { const handleClickTitle = (title, address) => {
setSelectedTitle(title); setSelectedTitle(title);
setSelectedAddress(address); setSelectedAddress(address);
}; };
@@ -237,7 +237,7 @@ const Catalog = ({ setBodyStyle }) => {
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<span className="boardList" key={`span-${subplebbit.address}`}> <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> >{subplebbit.title}</Link>
]&nbsp; ]&nbsp;
</span> </span>
@@ -255,9 +255,13 @@ const Catalog = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile"> <select id="board-select-mobile" value={selectedAddress}>
{defaultSubplebbits.map(subplebbit => ( {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> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">
src/components/Thread.jsx
+10 -4
View File
@@ -49,7 +49,7 @@ const Thread = ({ setBodyStyle }) => {
const handleVoidClick = () => {} const handleVoidClick = () => {}
const handleClick = (title, address) => { const handleClickTitle = (title, address) => {
setSelectedTitle(title); setSelectedTitle(title);
setSelectedAddress(address); setSelectedAddress(address);
}; };
@@ -160,7 +160,9 @@ const Thread = ({ setBodyStyle }) => {
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<span className="boardList" key={`span-${subplebbit.address}`}> <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> >{subplebbit.title}</Link>
]&nbsp; ]&nbsp;
</span> </span>
@@ -178,9 +180,13 @@ const Thread = ({ setBodyStyle }) => {
<div className="board-select"> <div className="board-select">
<strong>Board</strong> <strong>Board</strong>
&nbsp; &nbsp;
<select id="board-select-mobile"> <select id="board-select-mobile" value={selectedAddress}>
{defaultSubplebbits.map(subplebbit => ( {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> </select>
</div> </div>
<div className="page-jump"> <div className="page-jump">