feat(mutelist): add post warnings to blog/mod

+ fix: block/unblock string

src/components/PostWarning.tsx

@@ -0,0 +1,22 @@
+interface PostWarningsProps {
+  type: 'user' | 'admin'
+}
+
+export const PostWarnings = ({ type }: PostWarningsProps) => (
+  <div className='IBMSMSMBSSWarning'>
+    <p>
+      {type === 'admin' ? (
+        <>
+          Warning: This post has been blocked/hidden by the site for one of the
+          following reasons:
+          <br />
+          Malware, Not a Mod, Illegal, Spam, Verified Report of Unauthorized
+          Repost.
+          <br />
+        </>
+      ) : (
+        <>Notice: You have blocked this post</>
+      )}
+    </p>
+  </div>
+)

src/pages/blog/index.tsx

@@ -18,6 +18,7 @@ import { toast } from 'react-toastify'
 import { useAppSelector, useBodyScrollDisable } from 'hooks'
 import { ReportPopup } from 'components/ReportPopup'
 import { Viewer } from 'components/Markdown/Viewer'
+import { PostWarnings } from 'components/PostWarning'
 
 const BLOG_REPORT_REASONS = [
   { label: 'Actually CP', key: 'actuallyCP' },
@@ -29,7 +30,7 @@ const BLOG_REPORT_REASONS = [
 ]
 
 export const BlogPage = () => {
-  const { blog, latest, isAddedToNSFW, isBlocked } =
+  const { blog, latest, isAddedToNSFW, isBlocked, postWarning } =
     useLoaderData() as BlogPageLoaderResult
   const userState = useAppSelector((state) => state.user)
   const isAdmin =
@@ -84,6 +85,7 @@ export const BlogPage = () => {
               <>
                 <div className='IBMSMSplitMainBigSide'>
                   <div className='IBMSMSplitMainBigSideSec'>
+                    {postWarning && <PostWarnings type={postWarning} />}
                     <div className='IBMSMSMBSSPost'>
                       <div
                         className='dropdown dropdownMain dropdownMainBlogpost'

src/pages/blog/loader.ts

@@ -44,6 +44,7 @@ export const blogRouteLoader =
     const userState = store.getState().user
     const loggedInUserPubkey =
       (userState?.user?.pubkey as string | undefined) || getFallbackPubkey()
+    const isAdmin = userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
 
     // Check if editing and the user is the original author
     // Redirect if NOT
@@ -138,10 +139,35 @@ export const blogRouteLoader =
       if (muteLists.status === 'fulfilled' && muteLists.value) {
         if (muteLists && muteLists.value) {
           if (result.blog && result.blog.aTag) {
+            // Show user or admin post warning if any mute list includes either post or author
+            if (
+              muteLists.value.user.replaceableEvents.includes(
+                result.blog.aTag
+              ) ||
+              (result.blog.author &&
+                muteLists.value.user.authors.includes(result.blog.author))
+            ) {
+              result.postWarning = 'user'
+            }
+
             if (
               muteLists.value.admin.replaceableEvents.includes(
                 result.blog.aTag
               ) ||
+              (result.blog.author &&
+                muteLists.value.admin.authors.includes(result.blog.author))
+            ) {
+              result.postWarning = 'admin'
+            }
+
+            if (
+              isAdmin &&
+              muteLists.value.admin.replaceableEvents.includes(result.blog.aTag)
+            ) {
+              result.isBlocked = true
+            }
+            if (
+              !isAdmin &&
               muteLists.value.user.replaceableEvents.includes(result.blog.aTag)
             ) {
               result.isBlocked = true
@@ -149,8 +175,6 @@ export const blogRouteLoader =
           }
 
           // Moderate the latest
-          const isAdmin =
-            userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
           const isOwner =
             userState.user?.pubkey && userState.user.pubkey === pubkey
           const isUnmoderatedFully =

src/pages/mod/index.tsx

@@ -38,6 +38,7 @@ import { Spinner } from 'components/Spinner'
 import { RouterLoadingSpinner } from 'components/LoadingSpinner'
 import { OriginalAuthor } from 'components/OriginalAuthor'
 import { Viewer } from 'components/Markdown/Viewer'
+import { PostWarnings } from 'components/PostWarning'
 
 const MOD_REPORT_REASONS = [
   { label: 'Actually CP', key: 'actuallyCP' },
@@ -51,7 +52,7 @@ const MOD_REPORT_REASONS = [
 ]
 
 export const ModPage = () => {
-  const { mod } = useLoaderData() as ModPageLoaderResult
+  const { mod, postWarning } = useLoaderData() as ModPageLoaderResult
 
   // We can get author right away from naddr, no need to wait for mod data
   const { naddr } = useParams()
@@ -98,6 +99,7 @@ export const ModPage = () => {
                   <>
                     <div className='IBMSMSplitMainBigSideSec'>
                       <Game />
+                      {postWarning && <PostWarnings type={postWarning} />}
                       <Body
                         featuredImageUrl={mod.featuredImageUrl}
                         title={mod.title}
@@ -125,6 +127,7 @@ export const ModPage = () => {
                         <h4 className='IBMSMSMBSSDownloadsTitle'>
                           Mod Download
                         </h4>
+                        {postWarning && <PostWarnings type={postWarning} />}
                         {mod.downloadUrls.length > 0 && (
                           <div className='IBMSMSMBSSDownloadsPrime'>
                             <Download {...mod.downloadUrls[0]} />

src/pages/mod/loader.ts

@@ -50,6 +50,7 @@ export const modRouteLoader =
     const userState = store.getState().user
     const loggedInUserPubkey =
       (userState?.user?.pubkey as string | undefined) || getFallbackPubkey()
+    const isAdmin = userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
 
     // Check if editing and the user is the original author
     // Redirect if NOT
@@ -146,10 +147,33 @@ export const modRouteLoader =
       if (muteLists.status === 'fulfilled' && muteLists.value) {
         if (muteLists && muteLists.value) {
           if (result.mod && result.mod.aTag) {
+            // Show user or admin post warning if any mute list includes either post or author
+            if (
+              muteLists.value.user.replaceableEvents.includes(
+                result.mod.aTag
+              ) ||
+              muteLists.value.user.authors.includes(result.mod.author)
+            ) {
+              result.postWarning = 'user'
+            }
+
             if (
               muteLists.value.admin.replaceableEvents.includes(
                 result.mod.aTag
               ) ||
+              muteLists.value.admin.authors.includes(result.mod.author)
+            ) {
+              result.postWarning = 'admin'
+            }
+
+            if (
+              isAdmin &&
+              muteLists.value.admin.replaceableEvents.includes(result.mod.aTag)
+            ) {
+              result.isBlocked = true
+            }
+            if (
+              !isAdmin &&
               muteLists.value.user.replaceableEvents.includes(result.mod.aTag)
             ) {
               result.isBlocked = true
@@ -157,8 +181,6 @@ export const modRouteLoader =
           }
 
           // Moderate the latest
-          const isAdmin =
-            userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
           const isOwner =
             userState.user?.pubkey && userState.user.pubkey === pubkey
           const isUnmoderatedFully =

src/types/blog.ts

@@ -39,6 +39,7 @@ export interface BlogPageLoaderResult {
   latest: Partial<BlogDetails>[]
   isAddedToNSFW: boolean
   isBlocked: boolean
+  postWarning?: 'user' | 'admin'
 }
 
 export interface BlogsFilterOptions {

src/types/mod.ts

@@ -66,6 +66,7 @@ export interface ModPageLoaderResult {
   isAddedToNSFW: boolean
   isBlocked: boolean
   isRepost: boolean
+  postWarning?: 'user' | 'admin'
 }
 
 export type SubmitModActionResult =