import { Avatar, Container, Skeleton, Stack, Typography } from '@mui/material'; import { createArrayFrom1ToN } from '../../../../utils/createArrayFrom1ToN'; import styles from './styles'; function PeopleTab({ layoutType, peopleTabData }) { const layoutResolver = (state, people, layoutType) => { const { externalContainer, sectionContainer, sectionTitle, personContainer, personAvatar, personName, emptyStateContainer, } = styles[layoutType]; if (layoutType === 'desktop') { switch (state) { case 'loading': return ( {createArrayFrom1ToN(5).map(i => ( ))} ); case 'idle': const professors = people.filter(p => p.role === 'PROFESSOR'); const students = people.filter(p => p.role === 'STUDENT'); return ( Docentes {professors.length !== 0 ? ( professors.map(p => ( {p.name} )) ) : ( Nenhum professor encontrado! )} Discentes {students.length !== 0 ? ( students.map(p => ( {p.name} )) ) : ( Nenhum estudante encontrado! )} ); case 'gone': return null; default: return null; } } else if (layoutType === 'mobile') { switch (state) { case 'loading': return ( {createArrayFrom1ToN(5).map(i => ( ))} ); case 'idle': const professors = people.filter(p => p.role === 'PROFESSOR'); const students = people.filter(p => p.role === 'STUDENT'); return ( Docentes {professors.length !== 0 ? ( professors.map(p => ( {p.name} )) ) : ( Nenhum professor encontrado! )} Discentes {students.length !== 0 ? ( students.map(p => ( {p.name} )) ) : ( Nenhum estudante encontrado! )} ); case 'gone': return null; default: return null; } } }; return layoutResolver( peopleTabData && peopleTabData.state, peopleTabData && peopleTabData.people, layoutType ); } export default PeopleTab;
Nenhum professor encontrado!
Nenhum estudante encontrado!