@linktr.ee/messaging-react 1.11.3 → 1.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.11.3",
+  "version": "1.11.4",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/ChannelView.tsx

@@ -424,14 +424,10 @@ const ChannelViewInner: React.FC<{
   renderMessageInputActions,
   onLeaveConversation,
   onBlockParticipant,
-  CustomChannelEmptyState = ChannelEmptyState,
 }) => {
   const { channel } = useChannelStateContext()
   const [showInfo, setShowInfo] = useState(false)
 
-  // Check if channel has messages - using context to reactively subscribe to message updates
-  const hasMessages = (channel?.state?.messages?.length ?? 0) > 0
-
   // Get participant info for info dialog
   const participant = React.useMemo(() => {
     const members = Object.values(channel.state.members || {})
@@ -481,13 +477,6 @@ const ChannelViewInner: React.FC<{
             hideNewMessageSeparator={false}
             messageActions={[]}
           />
-
-          {/* Show custom empty state when no messages */}
-          {!hasMessages && CustomChannelEmptyState && (
-            <div className="absolute inset-0 w-full h-full">
-              <CustomChannelEmptyState />
-            </div>
-          )}
         </div>
 
         {/* Message Input */}
@@ -530,7 +519,11 @@ export const ChannelView: React.FC<ChannelViewProps> = ({
         className
       )}
     >
-      <Channel channel={channel} MessageSystem={CustomSystemMessage}>
+      <Channel
+        channel={channel}
+        MessageSystem={CustomSystemMessage}
+        EmptyStateIndicator={CustomChannelEmptyState}
+      >
         <ChannelViewInner
           onBack={onBack}
           showBackButton={showBackButton}

package/src/components/MessagingShell/ChannelEmptyState.tsx

@@ -3,15 +3,4 @@ import React from 'react'
 /**
  * Empty state component shown when a channel has no messages
  */
-export const ChannelEmptyState: React.FC = () => (
-  <div className="messaging-channel-empty-state flex items-center justify-center h-full p-8 text-balance">
-    <div className="text-center max-w-sm">
-      <h2 className="font-semibold text-charcoal mb-2">No messages yet 👀</h2>
-
-      <p className="text-stone text-xs">
-        Share to social media to generate more conversations
-      </p>
-    </div>
-  </div>
-)
-
+export const ChannelEmptyState: React.FC = () => null