RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

move nsfw censor only for attachments

Browse Source
This commit is contained in:
SrGooglo 2023-10-10 13:01:01 +00:00
parent 7f23134574
commit fd2a22344c
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/app/src/components/PostCard/components/attachments/index.jsx
View File

@ -1,5 +1,5 @@
import React from "react"
import { Skeleton } from "antd"
import { Skeleton, Button } from "antd"
import { ImageViewer } from "components"
import Plyr from "plyr-react"
import mimetypes from "mime"
@ -130,6 +130,7 @@ const Attachment = React.memo((props) => {
export default React.memo((props) => {
const [controller, setController] = React.useState()
const [carouselState, setCarouselState] = React.useState()
const [nsfwAccepted, setNsfwAccepted] = React.useState(false)
React.useEffect(() => {
// get attachment index from query string
@ -141,6 +142,19 @@ export default React.memo((props) => {
}, [])
return <div className="post_attachments">
{
props.flags && props.flags.includes("nsfw") && !nsfwAccepted &&
<div className="nsfw_alert">
<h2>
This post may contain sensitive content.
</h2>
<Button onClick={() => setNsfwAccepted(true)}>
Show anyways
</Button>
</div>
}
{
props.attachments?.length > 0 && <BearCarousel
data={props.attachments.map((attachment, index) => {

15
packages/app/src/components/PostCard/index.jsx
View File

@ -178,19 +178,6 @@ export default class PostCard extends React.PureComponent {
"post_content",
)}
>
{
this.state.isNsfw && !this.state.nsfwAccepted &&
<div className="nsfw_alert">
<h2>
This post may contain sensitive content.
</h2>
<antd.Button onClick={() => this.setState({ nsfwAccepted: true })}>
Show anyways
</antd.Button>
</div>
}
<div className="message">
{
processString(messageRegexs)(this.props.data.message ?? "")
@ -200,8 +187,8 @@ export default class PostCard extends React.PureComponent {
{
!this.props.disableAttachments && this.props.data.attachments && this.props.data.attachments.length > 0 && <PostAttachments
attachments={this.props.data.attachments}
flags={this.props.data.flags}
/>
}
</div>