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(catalog filter): force show op comment for text-only threads

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-19 14:50:31 +02:00
parent d9234c4e2a
commit da86c2f17f
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-buttons/board-buttons.tsx
+1 -2
View File
@@ -118,12 +118,11 @@ const ImageSizeOptions = () => {
const ShowOPCommentOption = () => { const ShowOPCommentOption = () => {
const { showOPComment, setShowOPComment } = useCatalogStyleStore(); const { showOPComment, setShowOPComment } = useCatalogStyleStore();
const { showTextOnlyThreads } = useCatalogFiltersStore();
return ( return (
<> <>
<span>Show OP Comment:</span>&nbsp; <span>Show OP Comment:</span>&nbsp;
<select value={showOPComment ? 'On' : 'Off'} onChange={(e) => setShowOPComment(e.target.value === 'On')} disabled={showTextOnlyThreads}> <select value={showOPComment ? 'On' : 'Off'} onChange={(e) => setShowOPComment(e.target.value === 'On')}>
<option value='Off'>Off</option> <option value='Off'>Off</option>
<option value='On'>On</option> <option value='On'>On</option>
</select> </select>
src/components/catalog-row/catalog-row.tsx
+3 -1
View File
@@ -197,6 +197,8 @@ const CatalogPost = ({ post }: { post: Comment }) => {
'--maxHeight': maxHeight, '--maxHeight': maxHeight,
} as React.CSSProperties; } as React.CSSProperties;
const isTextOnlyThread = !hasThumbnail || isRules;
return ( return (
<> <>
<div className={`${styles.post} ${imageSize === 'Large' ? styles.large : ''}`} style={CSSProperties}> <div className={`${styles.post} ${imageSize === 'Large' ? styles.large : ''}`} style={CSSProperties}>
@@ -244,7 +246,7 @@ const CatalogPost = ({ post }: { post: Comment }) => {
<PostMenuDesktop post={post} /> <PostMenuDesktop post={post} />
</span> </span>
</div> </div>
{showOPComment && (hasThumbnail ? postContent : <Link to={postLink}>{postContent}</Link>)} {(showOPComment || isTextOnlyThread) && (hasThumbnail ? postContent : <Link to={postLink}>{postContent}</Link>)}
</div> </div>
</div> </div>
{hoveredCid === cid && {hoveredCid === cid &&