Merge pull request #38 from Computer-Science-Club-OCC/Apply-Linter-Rules

Apply linter rules

Author: minhngo3818

src/activity/Activity.js

@@ -28,26 +28,26 @@ function Tab() {
 				<button
 					type="button"
 					onClick={() => toggleTab(1)}
-					className={tabState == 1 ? "tab-button active" : "tab-button"}
+					className={tabState === 1 ? "tab-button active" : "tab-button"}
 				>
 					Events
 				</button>
 				<button
 					type="button"
 					onClick={() => toggleTab(2)}
-					className={tabState == 2 ? "tab-button active" : "tab-button"}
+					className={tabState === 2 ? "tab-button active" : "tab-button"}
 				>
 					Projects
 				</button>
 			</div>
 			<div className="tab-contents">
 				<div
 					className={
-						tabState == 1 ? "tab-content active-content" : "tab-content"
+						tabState === 1 ? "tab-content active-content" : "tab-content"
 					}
 				>
 					<h2>Title 1</h2>
-					<img src="#" />
+					<img src="#" alt="temp" />
 					<p>
 						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 						eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -57,11 +57,11 @@ function Tab() {
 				</div>
 				<div
 					className={
-						tabState == 2 ? "tab-content active-content" : "tab-content"
+						tabState === 2 ? "tab-content active-content" : "tab-content"
 					}
 				>
 					<h2>Title 2</h2>
-					<img src="#" />
+					<img src="#" alt="temp" />
 
 					<p>
 						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

src/navbar/NavigationBar.js

@@ -43,6 +43,8 @@ function NavigationBar() {
 					<div
 						className="nav-toggle-icons"
 						onClick={() => setIsSwitch(prev => !prev)}
+						role="button"
+						tabIndex={0}
 					>
 						{isSwitch ? (
 							<Clear className="nav-toggle-icon" fontSize="large" />

src/resources/Resources.js

@@ -2,7 +2,7 @@ import { BookOnline } from "@mui/icons-material";
 import React, { useState, useEffect, useRef } from "react";
 import { useLocation } from "react-router-dom";
 import "./resources.css";
-import Tutorials from "./Tutorials.js";
+import Tutorials from "./Tutorials";
 import Research from "./Research";
 import Organizations from "./Organizations";