mirror of
https://github.com/bitsocialnet/5chan.git
synced 2026-08-03 07:41:04 +02:00
refactor: migrate 5chan to the community hooks API (#1073)
* refactor(community-api): migrate 5chan to community hooks * fix(review): address PR feedback * fix(review): preserve legacy board context fallbacks * fix(review): address latest bot feedback * fix(review): use communityAddress in edit menu privileges
This commit is contained in:
@@ -181,7 +181,7 @@ const Thumbnail = ({
|
||||
onClick={() => setShowThumbnail(false)}
|
||||
/>
|
||||
) : isOutOfFeed ? (
|
||||
<span className={`${isFloatingEmbed ? styles.floatingEmbed : styles.subplebbitAvatar}`}>{thumbnailComponent}</span>
|
||||
<span className={`${isFloatingEmbed ? styles.floatingEmbed : styles.communityAvatar}`}>{thumbnailComponent}</span>
|
||||
) : isMobile || isReply ? (
|
||||
<span className={`${styles.thumbnailSmall} ${thumbnailSmallPadding}`} style={thumbnailDimensions}>
|
||||
{thumbnailComponent}
|
||||
@@ -311,7 +311,7 @@ const Image = ({ commentMediaInfo, disableToggle = false, displayHeight, display
|
||||
const spoilerDimensions = { '--width': '150px', '--height': '150px' } as React.CSSProperties;
|
||||
return (
|
||||
<span
|
||||
className={`${isOutOfFeed ? styles.subplebbitAvatar : styles.thumbnailBig} ${styles.thumbnail} ${isImageExpanded && isMobile ? styles.removeFloat : ''}`}
|
||||
className={`${isOutOfFeed ? styles.communityAvatar : styles.thumbnailBig} ${styles.thumbnail} ${isImageExpanded && isMobile ? styles.removeFloat : ''}`}
|
||||
style={spoilerDimensions}
|
||||
>
|
||||
<img
|
||||
@@ -335,7 +335,7 @@ const Image = ({ commentMediaInfo, disableToggle = false, displayHeight, display
|
||||
return isMobile ? (
|
||||
<span className={`${styles.thumbnail} ${isImageExpanded && isMobile ? styles.removeFloat : ''}`}>
|
||||
<span
|
||||
className={isImageExpanded ? mediaClass : `${isOutOfFeed ? styles.subplebbitAvatar : styles.thumbnailSmall} ${thumbnailSmallPadding}`}
|
||||
className={isImageExpanded ? mediaClass : `${isOutOfFeed ? styles.communityAvatar : styles.thumbnailSmall} ${thumbnailSmallPadding}`}
|
||||
style={isImageExpanded ? {} : thumbnailDimensions}
|
||||
>
|
||||
{hasError ? (
|
||||
@@ -374,7 +374,7 @@ const Image = ({ commentMediaInfo, disableToggle = false, displayHeight, display
|
||||
</span>
|
||||
) : (
|
||||
<span
|
||||
className={isImageExpanded ? mediaClass : `${isOutOfFeed ? styles.subplebbitAvatar : styles.thumbnailBig} ${styles.thumbnail}`}
|
||||
className={isImageExpanded ? mediaClass : `${isOutOfFeed ? styles.communityAvatar : styles.thumbnailBig} ${styles.thumbnail}`}
|
||||
style={isImageExpanded ? {} : thumbnailDimensions}
|
||||
>
|
||||
{hasError ? (
|
||||
|
||||
Reference in New Issue
Block a user