FINAL-PROJECT-FRONT/src/components/HomePage/RightBar/HeaderBar/RightLists/CredentialsList/index.tsx

import { makeStyles } from '@material-ui/core'
import ToolBar from './ToolBar'
import NotDone from '../../../../../reusableComponents/NotDone'
import { chats } from './chats'

const useStyles = makeStyles({
    listAbsolute: {
        position: 'absolute',
        top: 58,
        width: 506,
        borderLeft: 'solid 0.5px #9c9c9c',
        maxHeight: '905px',
        minHeight: '905px',
        overflowY: 'scroll',
    }
})

const CredentialsList= () => {
  const classes = useStyles()
    return (
<div>
     <ToolBar/>
     <div className={classes.listAbsolute}>
        {chats.map(() =>
        <NotDone name='Profile credentials' />)}
     </div>
</div>
    )
}

export default CredentialsList