commit 023f7cf8c6269e64df1507b3041dd6b29ff80687
author Adrien Béraud <adrien.beraud@savoirfairelinux.com> Sun Sep 18 14:57:53 2022 -0400
committer Adrien Béraud <adrien.beraud@savoirfairelinux.com> Sun Sep 18 15:28:59 2022 -0400
tree eac6a840fc4204402cbc5a53ce99ac5da2ef433d
parent 2b3c2cdcf919f331f40f5e6bff3ca00a7845705c

update imports for React 18

Change-Id: Ibc75ce532003a478b31d5d85d84c83a017262041

client/src/components/Message.js

diff --git a/client/src/components/Message.js b/client/src/components/Message.js
index 44d423a..e22d863 100644
--- a/client/src/components/Message.js
+++ b/client/src/components/Message.js
@@ -2,7 +2,7 @@
 import dayjs from "dayjs"
 import isToday from "dayjs/plugin/isToday"
 import isYesterday from "dayjs/plugin/isYesterday"
-import React from "react"
+import { useMemo } from "react";
 import { useTranslation } from "react-i18next"
 import ConversationAvatar from "./ConversationAvatar"
 
@@ -219,7 +219,7 @@
 const MessageBubble = (props) => {
   const largeRadius = "20px"
   const smallRadius = "5px"
-  const radius = React.useMemo(() => {
+  const radius = useMemo(() => {
     if (props.position == "start") {
       return {
         borderStartStartRadius: props.isFirstOfGroup ? largeRadius : smallRadius,