{
// styles, language, dispatch, params
@@ -87,10 +86,10 @@ const AssistantUrlSelected = (props) => {
{loading &&
}
-
+
diff --git a/src/components/NavItems/ClassRoom/ClassRoom.jsx b/src/components/NavItems/ClassRoom/ClassRoom.jsx
index 428c334e4..43bbca408 100644
--- a/src/components/NavItems/ClassRoom/ClassRoom.jsx
+++ b/src/components/NavItems/ClassRoom/ClassRoom.jsx
@@ -1,26 +1,32 @@
import React, { useState } from "react";
-import { Card, createTheme, ThemeProvider } from "@mui/material";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import Tabs from "@mui/material/Tabs";
-import Tab from "@mui/material/Tab";
+import {
+ Accordion,
+ AccordionDetails,
+ AccordionSummary,
+ Box,
+ Button,
+ Card,
+ createTheme,
+ Dialog,
+ DialogActions,
+ DialogContent,
+ Divider,
+ Grid2,
+ Tab,
+ Tabs,
+ TextField,
+ ThemeProvider,
+ Typography,
+} from "@mui/material";
+
+import { CastForEducation, ExpandMore } from "@mui/icons-material";
+
import PropTypes from "prop-types";
-import Grid from "@mui/material/Grid";
-import Dialog from "@mui/material/Dialog";
-import DialogContent from "@mui/material/DialogContent";
+
import Iframe from "react-iframe";
-import DialogActions from "@mui/material/DialogActions";
-import Button from "@mui/material/Button";
-import CastForEducationIcon from "@mui/icons-material/CastForEducation";
-import Divider from "@mui/material/Divider";
-import TextField from "@mui/material/TextField";
import youverifyImage from "./Images/YouVerify_Logo.png";
import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
import useMyStyles from "../../Shared/MaterialUiStyles/useMyStyles";
-import AccordionSummary from "@mui/material/AccordionSummary";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import AccordionDetails from "@mui/material/AccordionDetails";
-import Accordion from "@mui/material/Accordion";
import { changeTabEvent } from "../../Shared/GoogleAnalytics/GoogleAnalytics";
import HeaderTool from "../../Shared/HeaderTool/HeaderTool";
import IconClassRoom from "../../NavBar/images/SVG/Navbar/Classroom.svg";
@@ -121,7 +127,7 @@ const ClassRoom = () => {
case 4:
return keyword("classroom_gamification");
/*case 5:
- return keyword("classroom_gamification_2");*/
+ return keyword("classroom_gamification_2");*/
case 5:
return keyword("user_resources_title");
case 6:
@@ -193,7 +199,7 @@ const ClassRoom = () => {
return (
}
+ expandIcon={}
aria-controls="panel1a-content"
id="panel1a-header"
>
@@ -223,30 +229,29 @@ const ClassRoom = () => {
return (
-
-
-
-
-
-
+
+
+
+
{value.title}
-
-
-
+
+
+
-
-
+
+
);
@@ -289,18 +294,18 @@ const ClassRoom = () => {
/>
*/}
-
-
+
+
{keyword("user_resources_intro")}
-
-
+
+
{keyword("user_resources_intro_remote")}
-
-
+
+
setInputRef(ref)}
id="standard-full-width"
@@ -308,8 +313,8 @@ const ClassRoom = () => {
placeholder="URL"
fullWidth
/>
-
-
+
+
-
-
+
+
{keyword("examples")}
{keyword("youtube_example")}
@@ -329,8 +334,8 @@ const ClassRoom = () => {
{keyword("website_example")}
-
-
+
+
{glossary().map((obj, key) => {
diff --git a/src/components/NavItems/Interactive/Interactive.jsx b/src/components/NavItems/Interactive/Interactive.jsx
index 1a2e6446f..8e782b16a 100644
--- a/src/components/NavItems/Interactive/Interactive.jsx
+++ b/src/components/NavItems/Interactive/Interactive.jsx
@@ -13,7 +13,7 @@ import AccordionDetails from "@mui/material/AccordionDetails";
import NavigateBeforeIcon from "@mui/icons-material//NavigateBefore";
import NavigateNextIcon from "@mui/icons-material//NavigateNext";
import Fab from "@mui/material/Fab";
-import Grid from "@mui/material/Grid";
+import { Grid2 } from "@mui/material";
import Button from "@mui/material/Button";
import ExpandMoreIcon from "@mui/icons-material//ExpandMore";
import { i18nLoadNamespace } from "components/Shared/Languages/i18nLoadNamespace";
@@ -100,13 +100,13 @@ const Interactive = () => {
/>
)}