errr

Shahan-nub · Oct 24, 2024 · 17cc5ee · 17cc5ee
1 parent bcdf98c
commit 17cc5ee
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/components/Chat/ChatInput.jsx b/src/components/Chat/ChatInput.jsx
@@ -16,17 +16,18 @@ import db, { storage } from "@/firebase";
 import { selectMenu } from "@/lib/features/menuSlice";
 import { ref, uploadBytes, getDownloadURL } from "firebase/storage";
 import { TbLoader2 } from "react-icons/tb";
-import dynamic from "next/dynamic";
+// import dynamic from "next/dynamic";
 import heic2any from "heic2any";
+import EmojiPicker from "emoji-picker-react";
 
 
 
-const Picker = dynamic(
-  () => {
-    return import("emoji-picker-react");
-  },
-  { ssr: false }
-);
+// const Picker = dynamic(
+//   () => {
+//     return import("emoji-picker-react");
+//   },
+//   { ssr: false }
+// );
 
 export default function ChatInput({ handleMessageUpdate }) {
   const activeUser = useSelector(selectUser);
@@ -228,7 +229,7 @@ export default function ChatInput({ handleMessageUpdate }) {
           <FaSmile onClick={() => setShowEmoji(!showEmoji)} className="text-slate-200 mx-1 md:mx-2 text-base lg:text-lg cursor-pointer hover:text-white"></FaSmile>
           {showEmoji && (
             <div className="absolute bottom-0 left-[10%]">
-              <Picker onEmojiClick={onEmojiClick}></Picker>
+              <EmojiPicker onEmojiClick={onEmojiClick}></EmojiPicker>
             </div>
           )}
         </div>

diff --git a/src/components/Chat/Message.jsx b/src/components/Chat/Message.jsx
@@ -31,7 +31,7 @@ export default function Message({ messageInfo }) {
         className="rounded-full mx-2 lg:mx-4 self-start"
       ></Image>
       <div className="flex flex-col lg:w-auto sm:w-[90%] w-[80%]">
-        <div className="flex items-center justify-between">
+        <div className="flex items-center gap-4">
           <h3 className="text-slate-300 text-sm lg:text-base font-semibold mr-4 lg:mr-8 ">
             {user.displayName}
           </h3>
@@ -40,7 +40,7 @@ export default function Message({ messageInfo }) {
           </p>
         </div>
         {message && <p className="text-xs lg:text-[15px] font-extralight text-slate-200">{message}</p>}
-        {uploadedFile && <Image src={uploadedFile} alt="uploaded img" width={500} height={500} className="rounded-lg w-[35%]"/>}
+        {uploadedFile && <Image src={uploadedFile} alt="uploaded img" width={500} height={500} className="rounded-lg w-[35%] py-2"/>}
       </div>
     </div>
   );