Show is blocked button if user is blocked

src/modules/chat/HomePage/ChatContent.tsx

@@ -8,6 +8,7 @@ import Meme2EarnIntroModal, {
   hasOpenedMeme2EarnIntroStorage,
 } from '@/components/modals/Meme2EarnIntroModal'
 import Modal, { ModalFunctionalityProps } from '@/components/modals/Modal'
+import { useIsAddressBlockedInApp } from '@/hooks/useIsAddressBlockedInApp'
 import PointsWidget from '@/modules/points/PointsWidget'
 import { getPostQuery } from '@/services/api/query'
 import { getTokenomicsMetadataQuery } from '@/services/datahub/content-staking/query'
@@ -100,6 +101,9 @@ function PostMemeButton() {
   const { data: tokenomics, isLoading: loadingTokenomics } =
     getTokenomicsMetadataQuery.useQuery(null)
 
+  const { isBlocked, isLoading: loadingIsBlocked } =
+    useIsAddressBlockedInApp(myAddress)
+
   const [timeLeft, setTimeLeft] = useState<number>(Infinity)
   useEffect(() => {
     if (typeof timeLeftFromApi === 'number') {
@@ -126,11 +130,23 @@ function PostMemeButton() {
   const isTimeConstrained =
     !loadingTimeLeft && timeLeft !== Infinity && (timeLeft ?? 0) > 0
 
+  if (isBlocked) {
+    return (
+      <Button variant='muted' disabled>
+        You are blocked in this chat
+      </Button>
+    )
+  }
+
   return (
     <>
       <Button
         disabled={
-          isLoading || loadingTokenomics || loadingTimeLeft || isTimeConstrained
+          isLoading ||
+          loadingTokenomics ||
+          loadingTimeLeft ||
+          isTimeConstrained ||
+          loadingIsBlocked
         }
         type='button'
         className='flex items-center justify-center gap-2 px-0 disabled:border-none disabled:bg-background-light/30 disabled:text-text-muted/50 disabled:!brightness-100'