finalise discussions

IslemMedjahdi · Feb 3, 2023 · aca99fd · aca99fd
1 parent 5cf2143
commit aca99fd
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 12 deletions.
diff --git a/src/components/announcements/preview-annoucement/PosterInfo.tsx b/src/components/announcements/preview-annoucement/PosterInfo.tsx
@@ -14,9 +14,9 @@ const PosterInfo: React.FC<Props> = ({ email, firstName, lastName, phone }) => {
         Annonceur Info
       </p>
       <div className="flex flex-col items-center gap-y-2">
-        <div className="flex h-20 w-20 items-center justify-center rounded-full bg-blue-hover p-1">
+        <div className="flex h-20 w-20 items-center justify-center rounded-full bg-blue-hover">
           <img
-            src={`https://api.dicebear.com/5.x/bottts/svg?seed=${email}`}
+            src={`https://api.dicebear.com/5.x/shapes/svg?seed=${email}`}
             alt="avatar"
             className="h-full w-full rounded-full"
           />

diff --git a/src/components/layout/header/ProfileMenu.tsx b/src/components/layout/header/ProfileMenu.tsx
@@ -14,9 +14,9 @@ const ProfileMenu = () => {
     return <></>;
   }
   const ProfileImage = () => (
-    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-hover p-1 text-sm font-medium text-white">
+    <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-hover text-sm font-medium text-white">
       <img
-        src={`https://api.dicebear.com/5.x/bottts/svg?seed=${currentUser.email}`}
+        src={`https://api.dicebear.com/5.x/shapes/svg?seed=${currentUser.email}`}
         alt="avatar"
         className="h-full w-full rounded-full"
       />

diff --git a/src/components/messages/DiscussionListItem.tsx b/src/components/messages/DiscussionListItem.tsx
@@ -32,9 +32,9 @@ const DiscussionListItem: React.FC<Props> = ({
       }  items-center gap-2  px-2  py-3 transition duration-300 last:!border-b  hover:bg-blue-light`}
     >
       <div>
-        <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-hover p-1 text-sm font-medium text-white">
+        <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-hover text-sm font-medium text-white">
           <img
-            src={`https://api.dicebear.com/5.x/bottts/svg?seed=${
+            src={`https://api.dicebear.com/5.x/shapes/svg?seed=${
               annonceur.email === currentUser?.email
                 ? demandeur.email
                 : annonceur.email

diff --git a/src/components/messages/DiscussionMessages.tsx b/src/components/messages/DiscussionMessages.tsx
@@ -36,9 +36,9 @@ const DiscussionMessages: React.FC<Props> = ({
         >
           <ICONS.CHEVRON_LEFT className="text-sm font-medium" />
         </div>
-        <div className="flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-blue-hover p-1 text-sm font-medium text-white">
+        <div className="flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-blue-hover text-sm font-medium text-white">
           <img
-            src={`https://api.dicebear.com/5.x/bottts/svg?seed=${
+            src={`https://api.dicebear.com/5.x/shapes/svg?seed=${
               discussionWith?.email || ""
             }`}
             alt="avatar"
@@ -60,9 +60,9 @@ const DiscussionMessages: React.FC<Props> = ({
               currentUser?.email === emetteur.email ? "flex-row-reverse" : ""
             } items-center gap-2`}
           >
-            <div className="flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-blue-hover p-1 text-sm font-medium text-white">
+            <div className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-blue-hover text-sm font-medium text-white">
               <img
-                src={`https://api.dicebear.com/5.x/bottts/svg?seed=${emetteur.email}`}
+                src={`https://api.dicebear.com/5.x/shapes/svg?seed=${emetteur.email}`}
                 alt="avatar"
                 className="h-full w-full rounded-full"
               />

diff --git a/src/components/messages/MessagePreviewIndex.tsx b/src/components/messages/MessagePreviewIndex.tsx
@@ -7,7 +7,7 @@ import DiscussionList from "./DiscussionList";
 import DiscussionMessages from "./DiscussionMessages";
 
 const MessagePreviewIndex: React.FC = () => {
-  const { discussions, loading } = useMessage();
+  const { discussions } = useMessage();
   const { currentUser } = useAuth();
   const [selectedDiscussionId, setSelectedDiscussionId] = useState<
     number | undefined

diff --git a/src/context/MessageContext.tsx b/src/context/MessageContext.tsx
@@ -82,7 +82,9 @@ const MessageProvider: React.FC<{ children: React.ReactNode }> = ({
         const newDiscussion = discussions[discussionIndex];
         newDiscussion.messages.push({
           contenu: contenu,
-          id: new Date().getUTCDate(),
+          id:
+            Math.floor((1 + Math.random()) * 0x10000) * 10000 +
+            Math.floor((1 + Math.random()) * 0x10000),
           objet: "",
           lu: false,
           emetteur: currentUser,