diff --git a/src/containers/Modules/Modules.tsx b/src/containers/Modules/Modules.tsx index d3b8584fbaf19bb5d6956624554872765ccdb993..ee48c6097b6fe621147055dbee3ed5e7fb7e78c1 100644 --- a/src/containers/Modules/Modules.tsx +++ b/src/containers/Modules/Modules.tsx @@ -30,7 +30,7 @@ const Modules = (props: ModulesProps): JSX.Element => { useEffect(() => { fetchAllPlaylists() - }, []) + }, [fetchAllPlaylists]) useEffect(() => { if (navbarRef?.current !== null) { diff --git a/src/containers/Speaker/index.ts b/src/containers/Speaker/index.ts index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0b11715468d187cd4030c66318b71cfa482a8895 100644 --- a/src/containers/Speaker/index.ts +++ b/src/containers/Speaker/index.ts @@ -0,0 +1 @@ +export { default } from './Speaker' diff --git a/src/containers/Speakers/Speakers.tsx b/src/containers/Speakers/Speakers.tsx index 7128124ccc31cc413be3dc2b30760ebeadd5bbf5..f4a5fb369feeacd625ec31083dbc1672bb85452a 100644 --- a/src/containers/Speakers/Speakers.tsx +++ b/src/containers/Speakers/Speakers.tsx @@ -50,6 +50,7 @@ const Speakers = (props: { <img className='object-cover h-full rounded-3xl' src={speaker.fullImage} + alt={speaker.name} /> <div className='absolute bottom-0 my-3 text-center'> <h1 className='font-bold text-3xl'>{speaker.name}</h1> @@ -92,7 +93,7 @@ const Speakers = (props: { .map((speaker, index) => ( <div key={`small-${speaker.name.toLowerCase()}-${index}`} - className='p-5 bg-black bg-opacity-20 flex items-center shadow-lg rounded-xl' + className='p-5 bg-black-dark bg-opacity-50 flex items-center shadow-xl rounded-xl' > <img src={speaker.roundImage} diff --git a/tailwind.config.js b/tailwind.config.js index 56bc46b3c400c4d88f82f5d3c9025599f6577cf5..a17b9fba130071c90da9cfa99afeeb28fbcb1447 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -27,7 +27,8 @@ module.exports = { gray: '#2D2D2D', pink: '#E8486C', violet: '#785FA6', - babyBlue: '#ACB4DC' + babyBlue: '#ACB4DC', + 'black-dark': '#1C1C1C' }, }, fontFamily: {