migrate remaining changes

Author: BhuwanPandey

chatapp-frontend/src/components/containers/Cards.jsx

@@ -11,11 +11,10 @@ export default function Cards(props) {
   const onlineStatus = props.online;
 
   const username = user.username[0].toUpperCase() + user.username.slice(1);
-
   return (
     <>
       <Card
-        sx={{ maxWidth: 300 }}
+        sx={{ maxWidth: 250 }}
         style={{
           padding: "10px",
           marginBottom: "20px",
@@ -57,7 +56,7 @@ export default function Cards(props) {
         <CardActions>
           <Link to={`/profile/${user.username}`}>
             <Button size="small" variant="contained">
-              View Profile
+              Profile
             </Button>
           </Link>
           <Link to={`/chat/user/${user.public_id}`}>

chatapp-frontend/src/components/containers/Containers.jsx

@@ -42,7 +42,7 @@ function Containers() {
                 <Grid item xs={12} ms={4} sm={4} key={idx}>
                   <Cards
                     user={result}
-                    online={onlineuser.includes(result.username)}
+                    online={onlineuser.includes(result.username.toLowerCase())}
                   />
                 </Grid>
               ))

chatapp-frontend/src/pages/home/home.css

@@ -1,6 +1,9 @@
+#root{
+  background-color: #a7bcff;
+  height: 100vh;
+}
 .homeContainer{
     width:100%;
-    height: calc(100vh - 50px);
     background-color: #a7bcff;
   }
 

chatapp-frontend/src/pages/register/Register.jsx

@@ -12,7 +12,7 @@ export default function Register() {
 
 
   const handleClick = async (e) => {
-    const newUrl = `${process.env.REACT_APP_API_URL}/auth/registration/`;
+    const registerUrl = `${process.env.REACT_APP_BACKEND_API}/auth/registration/`;
     setError(null);
     const password_ = password.current.value;
     const passwordAgain_ = passwordAgain.current.value;
@@ -28,15 +28,15 @@ export default function Register() {
         password2: passwordAgain_,
       };
       try {
-        await axios.post(newUrl, user, {
+        await axios.post(registerUrl, user, {
           headers: {
             "content-type": "application/json",
           },
         });
         navigate("/login");
       } catch (err) {
         if(err.response.status === 400){
-          setError("User already Exists")
+          setError("Bad Requests")
         }
         if(err.response.status === 500){
           setError("Something Went Wrong!")

chatapp/consumers.py

@@ -17,7 +17,7 @@ def __init__(self, *args, **kwargs):
 
     async def add_online_user(self):
         # adding on cache
-        username = self.user.username
+        username = self.user.username.lower()
         key = f"user_:{username}"
         has_key = cache.get(key)
         if not has_key:
@@ -47,7 +47,7 @@ async def send_online_users(self):
         await self.channel_layer.group_send("OnlineUser",chatMessage)
 
     async def delete_online_user(self):
-        username = self.user.username
+        username = self.user.username.lower()
         key = f"user_:{username}"
         cache.delete(key)
         self.online_user.remove(username)