l-min-components 1.7.1511 → 1.7.1513

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1511",
+  "version": "1.7.1513",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/AppMainLayout/index.jsx

@@ -414,10 +414,8 @@ const AppMainLayout = ({ children }) => {
     "Select plans",
     "Renew subscription",
     "Instructor",
-    "Learngual logo",
     "profile",
     "account photo",
-    "Select Plans",
     "Search by Name / Email / Username",
     "Text",
     "add",

package/src/components/deactivated/index.jsx

@@ -29,7 +29,7 @@ const GracePeriod = ({
 
   const getTitleFromPath = (path) => {
     const route = routes.find((route) => path.includes(route.path));
-    return route?.title || "Dashboard";
+    return route?.title || findText("Dashboard");
   };
 
   const pageTitle = getTitleFromPath(location.pathname);

package/src/components/getErrorFeatures/errorWrapper.jsx

@@ -39,6 +39,7 @@ const ErrorWrapper = ({
     "Seems we can't find the page your looking for. Let's get you back home.",
     "Go Back",
     "There was an error",
+    "Learngual logo",
   ];
 
   const { findText, translations, isTranslationsLoading } =
@@ -50,7 +51,7 @@ const ErrorWrapper = ({
     <Container>
       <Navbar>
         <a href="/">
-          <img src={logo} alt="Learngual logo" />
+          <img src={logo} alt={findText("Learngual logo")} />
         </a>
       </Navbar>
       <Content>

package/src/components/header/account-dropdown.jsx

@@ -70,7 +70,7 @@ const AccountDropdown = (props) => {
           <div className="img_div">
             <img
               src={props?.selectedAccount?.profile_photo?.url || props?.avatar}
-              alt="account photo"
+              alt={props?.findText("account photo")}
             />
           </div>
           <div>
@@ -159,7 +159,7 @@ const AccountDropdown = (props) => {
                             src={
                               developerItem?.profile_photo?.url || props.avatar
                             }
-                            alt="account photo"
+                            alt={props?.findText("account photo")}
                           />
                         </div>
                         <div className="account-details">
@@ -215,7 +215,7 @@ const AccountDropdown = (props) => {
                           src={
                             instructorItem?.profile_photo?.url || props.avatar
                           }
-                          alt="account photo"
+                          alt={props?.findText("account photo")}
                         />
                       </div>
                       <div className="account-details">
@@ -262,7 +262,7 @@ const AccountDropdown = (props) => {
                     <div className="avatar-container">
                       <img
                         src={enterpriseItem?.profile_photo?.url || props.avatar}
-                        alt="account photo"
+                        alt={props?.findText("account photo")}
                       />
                     </div>
                     <div className="account-details">
@@ -310,7 +310,7 @@ const AccountDropdown = (props) => {
                       <div className="avatar-container">
                         <img
                           src={personalItem?.profile_photo?.url || props.avatar}
-                          alt="account photo"
+                          alt={props?.findText("account photo")}
                         />
                       </div>
                       <div className="account-details">

package/src/components/header/index.jsx

@@ -545,7 +545,7 @@ const HeaderComponent = (props) => {
             <div className="user-img-container">
               <img
                 src={props?.selectedAccount?.profile_photo?.url || avatar}
-                alt="profile"
+                alt={props?.findText("profile")}
               />
             </div>
             <div className="user-info-container">

package/src/components/messageAddon/messages/messages.jsx

@@ -272,6 +272,8 @@ const Messages = ({
       }
       console.log("websocket data", data);
     };
+
+    
     return () => {
       socket.current.close();
 

package/src/components/reportsComponents/fullAnalysis/api/sampleApi.jsx

@@ -0,0 +1,57 @@
+import useAxios from "axios-hooks";
+
+const useSampleApi = () => {
+  const [{ ...getStudentsTestResultData }, getStudentsTestResult] = useAxios(
+    {
+      method: "GET",
+    },
+    {
+      manual: true,
+    }
+  );
+
+  const handleGetStudentsTestResult = async (activity_id, enterprise_id) => {
+    try {
+      const url = enterprise_id
+        ? `/learn/v1/instructor/${enterprise_id}/tests/${activity_id}/submission_test_questions/`
+        : `/learn/v1/instructor/tests/${activity_id}/submission_test_questions/`;
+      await getStudentsTestResult({
+        url,
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  const [{ ...getStudentsTestAnswerData }, getStudentsAnser] = useAxios(
+    {
+      method: "GET",
+    },
+    {
+      manual: true,
+    }
+  );
+
+  const handleGetStudentsAnswer = async (
+    question_activity_id,
+    enterprise_id
+  ) => {
+    try {
+      const url = `/learn/v2/instructor/${enterprise_id}/tests/question_activity/${question_activity_id}/`;
+      await getStudentsAnser({
+        url,
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  return {
+    handleGetStudentsTestResult,
+    getStudentsTestResultData,
+    handleGetStudentsAnswer,
+    getStudentsTestAnswerData,
+  };
+};
+
+export default useSampleApi;

package/src/components/reportsComponents/fullAnalysis/icons/info.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const InfoIcon2 = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M18.8281 10C18.8281 14.4183 15.2464 18 10.8281 18C6.40985 18 2.82812 14.4183 2.82812 10C2.82812 5.58172 6.40985 2 10.8281 2C15.2464 2 18.8281 5.58172 18.8281 10ZM10.8281 7C10.4593 7 10.1357 7.19922 9.96131 7.50073C9.68477 7.97879 9.07304 8.14215 8.59498 7.86561C8.11692 7.58906 7.95355 6.97733 8.2301 6.49927C8.7473 5.60518 9.71646 5 10.8281 5C12.485 5 13.8281 6.34315 13.8281 8C13.8281 9.30622 12.9933 10.4175 11.8281 10.8293V11C11.8281 11.5523 11.3804 12 10.8281 12C10.2759 12 9.82814 11.5523 9.82814 11V10C9.82814 9.44772 10.2759 9 10.8281 9C11.3804 9 11.8281 8.55228 11.8281 8C11.8281 7.44772 11.3804 7 10.8281 7ZM10.8281 15C11.3804 15 11.8281 14.5523 11.8281 14C11.8281 13.4477 11.3804 13 10.8281 13C10.2758 13 9.82812 13.4477 9.82812 14C9.82812 14.5523 10.2758 15 10.8281 15Z"
+        fill="#949999"
+      />
+    </svg>
+  );
+};
+
+export default InfoIcon2;

package/src/components/reportsComponents/fullAnalysis/icons/navArrow.jsx

@@ -0,0 +1,60 @@
+import React from "react";
+
+const NavBack = ({ disabled }) => {
+  return (
+    <svg
+      width="25"
+      height="24"
+      viewBox="0 0 25 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_55110_349655)">
+        <path
+          d="M20.5 11H8.33L13.92 5.41L12.5 4L4.5 12L12.5 20L13.91 18.59L8.33 13H20.5V11Z"
+          fill={disabled ? "#C6CCCC" : "#00C2C2"}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_55110_349655">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(0.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+const NavForword = ({ disabled }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="25"
+      height="24"
+      viewBox="0 0 25 24"
+      fill="none"
+    >
+      <g clip-path="url(#clip0_55110_349659)">
+        <path
+          d="M12.5 4L11.09 5.41L16.67 11H4.5V13H16.67L11.09 18.59L12.5 20L20.5 12L12.5 4Z"
+          fill={disabled ? "#C6CCCC" : "#00C2C2"}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_55110_349659">
+          <rect
+            width="24"
+            height="24"
+            fill="white"
+            transform="translate(0.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export { NavBack, NavForword };

package/src/components/reportsComponents/hooks/useRreportUtils.jsx

@@ -26,6 +26,8 @@ const choiceListAndAnswer = ({
     options,
     answer,
     isCorrect: !!(answer && correct && answer.id === correct.id),
+    correctIndex: options?.findIndex((option) => option?.id === correct.id),
+    correctText: correct?.text,
   };
 };