Merge pull request #19 from DadonStyle/dev

package.json

@@ -17,6 +17,7 @@
     "@mui/icons-material": "^5.15.2",
     "@mui/material": "^5.15.2",
     "@types/node": "^20.10.6",
+    "@vercel/speed-insights": "^1.0.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.1",

src/App.tsx

@@ -1,5 +1,6 @@
 import { BrowserRouter } from "react-router-dom";
 import { ThemeProvider, createTheme } from "@mui/material";
+import { SpeedInsights } from "@vercel/speed-insights/react";
 import AppRoutes from "./routes/AppRoutes";
 import "./App.css";
 
@@ -48,6 +49,7 @@ const theme = createTheme({
 const App = () => (
   <ThemeProvider theme={theme}>
     <BrowserRouter>
+      <SpeedInsights />
       <AppRoutes />
     </BrowserRouter>
   </ThemeProvider>

src/components/MailDialog/MailDialog.scss

@@ -37,6 +37,10 @@
     padding: 0.5rem 1rem;
     border-radius: 14px;
     text-decoration: none;
-    background-color: #a2c5e4;
+    background-color: #a2aee4;
+    color: white;
+    &:hover {
+      color: black;
+    }
   }
 }

src/constants/javascript.json

@@ -112,7 +112,7 @@
   {
     "id": 11,
     "category": "JavaScript",
-    "description": "What is the role of 'localStorage' and'sessionStorage' in JavaScript? (Both are Web APIs)",
+    "description": "What is the difference between 'localStorage' and 'sessionStorage' in JavaScript?",
     "answer": "'localStorage' persists data even after the browser is closed, while 'sessionStorage' stores data for the duration of the page session.",
     "wrongAnswers": [
       "'localStorage' and 'sessionStorage' are used for server-side storage, one for storing local variables and the other for the rest.",
@@ -123,12 +123,12 @@
   {
     "id": 12,
     "category": "JavaScript",
-    "description": "What are JavaScript promises?",
-    "answer": "Promises are objects used to handle asynchronous operations in JavaScript. They represent a future value or error that will be available at some point.",
+    "description": "What JavaScript promises used for?",
+    "answer": "Promises are used to handle asynchronous operations.",
     "wrongAnswers": [
       "Promises are only used for synchronous operations.",
-      "Promises are not supported in JavaScript.",
-      "Promises can handle only a single asynchronous operation."
+      "Promises are used to handle both asynchronous and asynchronous operations.",
+      "Promises use to handle only a single asynchronous operation at a time."
     ]
   },
   {
@@ -137,9 +137,9 @@
     "description": "What is the purpose of the 'map' method in JavaScript?",
     "answer": "The 'map' method creates a new array by applying a function to each element of an existing array.",
     "wrongAnswers": [
-      "The 'map' method modifies the original array.",
-      "The 'map' method cannot iterate over arrays.",
-      "The 'map' method only works on strings."
+      "The 'map' method modifies the original array than returns a new copy of it.",
+      "The 'map' method adds a key value pair to the array.",
+      "The 'map' method only works on strings and functions."
     ]
   },
   {