adding props

trycourier · Jun 28, 2024 · 1e0f6ce · 1e0f6ce
1 parent 69b2afb
commit 1e0f6ce
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 9 deletions.
diff --git a/packages/react-hooks/README.md b/packages/react-hooks/README.md
@@ -201,7 +201,7 @@ const MyInbox = () => {
     <Container>
       {inbox.messages.map((message) => {
         return (
-          <Message>
+          <Message message={message}>
             {message.read ? (
               <>
                 <button onClick={handleUnreadMessage(message)}>

diff --git a/packages/react-hooks/docs/2.events.md b/packages/react-hooks/docs/2.events.md
@@ -60,7 +60,7 @@ const MyInbox = () => {
     <Container>
       {inbox.messages.map((message) => {
         return (
-          <Message>
+          <Message message={message}>
             {message.read ? (
               <>
                 <button onClick={handleUnreadMessage(message)}>

diff --git a/packages/react-inbox/src/components/Messages2.0/index.tsx b/packages/react-inbox/src/components/Messages2.0/index.tsx
@@ -361,7 +361,7 @@ const Messages: React.ForwardRefExoticComponent<
                   renderMessage(message)
                 ) : (
                   <Message
-                    {...message}
+                    message={message}
                     isMobile={isMobile}
                     defaultIcon={defaultIcon}
                     formatDate={formatDate}
@@ -389,7 +389,7 @@ const Messages: React.ForwardRefExoticComponent<
                   renderMessage(message)
                 ) : (
                   <Message
-                    {...message}
+                    message={message}
                     defaultIcon={defaultIcon}
                     formatDate={formatDate}
                     isMessageFocused={focusedMessageId === message.messageId}

diff --git a/packages/storybook/stories/client-graphql/examples/messages.tsx b/packages/storybook/stories/client-graphql/examples/messages.tsx
@@ -1,10 +1,7 @@
 import React, { useMemo, useEffect, useState } from "react";
-import {
-  Inbox,
-  IInboxMessagePreview,
-  IInboxMessage,
-} from "@trycourier/client-graphql";
+import { Inbox } from "@trycourier/client-graphql";
 import styled from "styled-components";
+import { IInboxMessage, IInboxMessagePreview } from "@trycourier/core";
 
 const Styled = styled.div`
   display: flex;