fixed chat viewlist and new uiweb version

[mishramonalisha76]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
push-dapp	❌ Failed (Inspect)			Mar 21, 2024 4:10pm

[github-actions]

In the file src/components/chat/w2wChat/chatBox/ChatBox.tsx, I found several style components with missing closing curly braces:

1. Missing closing curly brace for MessageInputWrapper component:

const MessageInputWrapper = styled.div`
  width: 98%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 8px;
`; // Add closing curly brace here

2. Missing closing curly brace for ChatContainer component:

const ChatContainer = styled.div`
  overflow-x: hidden;
  align-items: unset;
  display: block;
  justify-content: flex-start;
  top: 20px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0;
`; // Add closing curly brace here

3. Missing closing curly brace for MessageContainer component:

const MessageContainer = styled(ItemVV2)`
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0px 20px 160px 20px;
  top: 90px;
  height: 100%;
  @media (max-height: 750px) {
    height: 75%;
  }
  @media (max-height: 650px) {
    height: 70%;
  }
  @media (max-height: 550px) {
    height: 63%;
  }
  @media (max-height: 450px) {
    height: 55%;
  }
  @media (max-height: 400px) {
    height: 45%;
}; // Add closing curly brace here

4. Missing closing curly brace for GroupInfo component:

const GroupInfo = styled(ItemHV2)`
  top: 32px;
  right: 15px;
  width: 200px;
  border: 1px solid ${(props) => props.theme.default.border};
  background-color: ${(props) => props.theme.default.bg};
  border-radius: 12px;
  gap: 9px;
  padding: 8px;
`; // Add closing curly brace here

Additionally, the MoreOptions styled component has an incomplete definition. Make sure to complete it with the necessary CSS properties.

After making the above corrections, the component style definitions should be properly formatted.

All looks good.

[github-actions]

In the package.json file, I noticed a few issues:

1. The "browserslist" property should be renamed to "browserslist" (without an extra "s").
2. The version of the package "@mui/icons-material" is missing a caret (^) before the version.
3. There are missing closing curly braces for the media queries in the "MessageContainer" styled component.

In the ChatBox.tsx file:

1. The "MessageInputWrapper" styled component is missing a closing curly brace.
2. The "ChatContainer" styled component is missing a closing curly brace.
3. The media queries in the "MessageContainer" styled component are missing closing curly braces for each query.

For the yarn.lock file, there is no content provided here for review.

Please address the issues mentioned above. Let me know if you need further assistance.