diff --git a/src/pages/orders/components/ChatMessageText/ChatMessageText.tsx b/src/pages/orders/components/ChatMessageText/ChatMessageText.tsx index 190e7816..a2d7168c 100644 --- a/src/pages/orders/components/ChatMessageText/ChatMessageText.tsx +++ b/src/pages/orders/components/ChatMessageText/ChatMessageText.tsx @@ -10,9 +10,11 @@ type TChatMessageTextProps = { const ChatMessageText = ({ children, color, type = '' }: PropsWithChildren) => { const { isDesktop } = useDevice(); + const isAdmin = type === 'admin'; + return (
- + {children}
diff --git a/src/pages/orders/components/ChatMessages/ChatMessages.scss b/src/pages/orders/components/ChatMessages/ChatMessages.scss index 9b96fee2..94684737 100644 --- a/src/pages/orders/components/ChatMessages/ChatMessages.scss +++ b/src/pages/orders/components/ChatMessages/ChatMessages.scss @@ -10,10 +10,12 @@ @include mobile-or-tablet-screen { height: 100%; } + &__date { margin-top: 1.6rem; text-align: center; } + &__item { display: flex; flex-direction: column; @@ -26,6 +28,7 @@ &__file { color: inherit; } + &__image { width: 50%; @@ -40,6 +43,7 @@ } } } + &__pdf { background-color: #ffffff; border-radius: 0.8rem; @@ -48,11 +52,13 @@ align-items: center; gap: 1rem; margin-bottom: 0.4rem; + a { color: #999999; text-decoration: none; } } + &__timestamp { align-items: center; display: flex; @@ -67,6 +73,7 @@ border-bottom-left-radius: 0; } } + &__outgoing { align-items: flex-end; @@ -82,6 +89,10 @@ border: 1px solid #ffad3a; padding: 0.8rem 0; border-radius: 0.8rem; + + &--text { + margin-bottom: 1rem; + } } } } diff --git a/src/pages/orders/components/ChatMessages/ChatMessages.tsx b/src/pages/orders/components/ChatMessages/ChatMessages.tsx index cfb17958..a6910f62 100644 --- a/src/pages/orders/components/ChatMessages/ChatMessages.tsx +++ b/src/pages/orders/components/ChatMessages/ChatMessages.tsx @@ -19,7 +19,16 @@ type TChatMessagesProps = { const AdminMessage = () => (
- +
+ ]} + i18n_default_text='<0>Important: Deriv will never contact you via WhatsApp to ask for your personal information. Always ignore any messages from numbers claiming to be from Deriv.' + /> +
+ ]} + i18n_default_text="<0>Note: In case of a dispute, we'll use this chat as a reference." + />
); diff --git a/src/pages/orders/components/ChatMessages/__tests__/ChatMessages.spec.tsx b/src/pages/orders/components/ChatMessages/__tests__/ChatMessages.spec.tsx index 9a5f2016..e9d2c8df 100644 --- a/src/pages/orders/components/ChatMessages/__tests__/ChatMessages.spec.tsx +++ b/src/pages/orders/components/ChatMessages/__tests__/ChatMessages.spec.tsx @@ -36,7 +36,9 @@ describe('ChatMessages', () => { it('should render the messages as expected', () => { render(); expect( - screen.getByText(/Hello! This is where you can chat with the counterparty to confirm the order details./) + screen.getByText( + /Deriv will never contact you via WhatsApp to ask for your personal information. Always ignore any messages from numbers claiming to be from Deriv./ + ) ).toBeInTheDocument(); }); it('should display the message sent by the user', () => {