Channel Profile UI

[abhishek-01k]

UI for channel Profile

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
push-dapp	❌ Failed (Inspect)			Mar 8, 2024 8:27pm

[github-actions]

In the code provided, a few mistakes and typos were found:

1. In MetaInfoDisplayer.js:

   • The MetaInfoDisplay function misspelled the prop bgColor as bg={bgColor}.
   • The prop padding is missing a value when passed to the MetaContentConatiner.

2. In ChannelsModule.tsx:

   • The CSS styles in the Container component are missing closing curly braces.
   • The border property value set in the CSS is incorrect, it should indicate the style as well like border: 1px solid ${GLOBALS.ADJUSTMENTS.RADIUS.LARGE};.

3. In ChannelProfile.tsx:

   • In the NotifsOuter styled component, there's a missing closing curly brace for the media query.
   • Inside the same media query under NotifsOuter, there's a missing semicolon at the end of the width property.
   • In the TextContainer styled component, the align-items property should be align-items: baseline; instead of align-items:baseline;.
   • The background-image property in the ::-webkit-scrollbar-thumb selector is missing a closing parenthesis.
   • The LoaderSpinner component is missing a closing angle bracket.

Given these findings, here are the corrections to be made:

// In MetaInfoDisplayer.js
<MetaContentConatiner bg={bgColor} padding={padding} margin="0 8px" radius="25px" maxWidth="fit-content" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>

// In ChannelsModule.tsx
@media ${device.mobileL} {
    padding: 0px;
    &::-webkit-scrollbar-track {
        background-color: none;
        border-radius: 9px;
  }
  &::-webkit-scrollbar {
      width: 4px;
  }
}

// In ChannelProfile.tsx
&::-webkit-scrollbar-thumb {
        background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0.44,  #CF1C84),
          color-stop(0.72, #CF1C84),
          color-stop(0.86, #CF1C84)
        );
}

Please make these corrections based on the findings above. If you need further assistance or clarification, feel free to ask.

All looks good.

[github-actions]

All looks good.

[github-actions]

All looks good.