From 2d5a41a7f9658c7c21739bf908ad6a34f96810e4 Mon Sep 17 00:00:00 2001
From: Kamile Vainiute <kamile@igem.org>
Date: Tue, 27 Jul 2021 22:27:32 +0300
Subject: [PATCH] lint fixes

---
 src/containers/Modules/Modules.tsx   | 2 +-
 src/containers/Speaker/index.ts      | 1 +
 src/containers/Speakers/Speakers.tsx | 3 ++-
 tailwind.config.js                   | 3 ++-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/containers/Modules/Modules.tsx b/src/containers/Modules/Modules.tsx
index d3b8584..ee48c60 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 e69de29..0b11715 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 7128124..f4a5fb3 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 56bc46b..a17b9fb 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: {
-- 
GitLab