chat component css update

Ans155 · Jun 25, 2023 · 8f47ccd · 8f47ccd
1 parent cd5f53e
commit 8f47ccd
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/components/Friend/Chat/Chat.module.css b/components/Friend/Chat/Chat.module.css
@@ -66,7 +66,13 @@
 
 @media only screen and (max-width: 35em){
     .Chat{
-        padding: 1rem;
+        position:absolute;
+        top:25rem;
+        left:2rem;
+        padding: 2rem;
+        background-color: rgba(0, 0, 0, 0.25);
+        border-radius: .5rem;
+        width:70%
     }
     .Chat p{
         font-size: .8rem;

diff --git a/context/AppContext.js b/context/AppContext.js
@@ -49,13 +49,13 @@ export const AppProvider = ({ children }) => {
   }, []);
 
 
-  const readMessage = async () => {
+  const readMessage = async (friendAddress) => {
     try {
       const contract = await connectingWithContract();
       const read = await contract.readMessage(friendAddress);
       setFriendMsg(read);
     } catch (error) {
-      //setError("NO message right now");
+      setError("NO message right now");
     }
   };
 
@@ -95,8 +95,8 @@ export const AppProvider = ({ children }) => {
 
   const sendMessage = async ({msg, address}) => {
     try {
-      console.log(msg);
-      console.log(address);
+      // console.log(msg);
+      // console.log(address);
       const contract = await connectingWithContract();
 
       const addMessage =await contract.sendMessage(address, msg);

diff --git a/styles/alluser.module.css b/styles/alluser.module.css
@@ -25,6 +25,7 @@
 
     }
     .alluser{
+        position: inherit;
         width: 90%;
         grid-template-columns: 1fr;
     }