@nualang/nualang-ui-components 0.1.1316 → 0.1.1317

package/dist/Assignments/AssignmentBotSelection/AssignmentBotSelection.js

@@ -123,7 +123,12 @@ function Bot({
             sm: "85%"
           },
           children: [/*#__PURE__*/_jsx(Avatar, {
-            src: bot.picture
+            src: bot.picture || bot.botAvatar,
+            sx: {
+              display: "flex",
+              width: 32,
+              height: 32
+            }
           }), /*#__PURE__*/_jsx(ListItemText, {
             sx: {
               marginLeft: 2

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js

@@ -206,7 +206,7 @@ function Roleplay({
               sm: "85%"
             },
             children: [/*#__PURE__*/_jsx(Avatar, {
-              src: roleplay.picture,
+              src: roleplay.picture || roleplay.actor1 && roleplay.actor1.picture || roleplay.actor2 && roleplay.actor2.picture,
               sx: {
                 display: "flex",
                 width: 32,

package/dist/Dialogs/GroupedFeedbackDialog/GroupedFeedbackDialog.js

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { Dialog, DialogContent, IconButton, Box, Typography, AppBar, Toolbar, CircularProgress } from "@mui/material";
+import { Dialog, DialogContent, IconButton, Box, Typography, AppBar, Toolbar, CircularProgress, Skeleton } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import { red, orange, green, grey } from "@mui/material/colors";
 import FeedbackCard from "../../Cards/FeedbackCard/FeedbackCard";
@@ -162,23 +162,50 @@ export default function GroupFeedbackDialog({
           },
           children: [/*#__PURE__*/_jsx(Box, {
             sx: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              justifyContent: "center",
-              maxWidth: "25%"
+              position: "relative",
+              width: "100%",
+              maxWidth: "300px"
             },
-            children: /*#__PURE__*/_jsx("img", {
-              src: editMeetingImages || editBackgroundImages || NualaHeadphonesBackground,
-              alt: "Meeting Image",
-              style: {
+            children: /*#__PURE__*/_jsxs(Box, {
+              sx: {
+                position: "relative",
                 width: "100%",
-                maxWidth: "300px",
-                height: "auto",
-                aspectRatio: "16 / 9",
-                objectFit: "cover",
-                borderRadius: "8px"
-              }
+                paddingTop: "56.25%",
+                borderRadius: "8px",
+                overflow: "hidden"
+              },
+              children: [/*#__PURE__*/_jsx(Skeleton, {
+                variant: "rectangular",
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  borderRadius: "8px",
+                  zIndex: 0
+                }
+              }), /*#__PURE__*/_jsx("img", {
+                src: editMeetingImages || editBackgroundImages || NualaHeadphonesBackground,
+                alt: "Meeting Image",
+                onLoad: e => {
+                  setTimeout(() => {
+                    e.target.style.opacity = 1;
+                  }, 500);
+                },
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "cover",
+                  borderRadius: "8px",
+                  opacity: 0,
+                  transition: "opacity 0.5s ease",
+                  zIndex: 1
+                }
+              })]
             })
           }), /*#__PURE__*/_jsxs(Box, {
             sx: {

package/dist/Misc/HoverText/HoverText.js

@@ -80,6 +80,7 @@ const WordText = /*#__PURE__*/memo(props => {
     leaveDelay: 200,
     title: translatedText,
     children: /*#__PURE__*/_jsx("span", {
+      translate: "no",
       "data-text": value.trim(),
       children: value
     })

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -111,7 +111,8 @@ const useStyles = makeStyles()(theme => ({
     position: "relative",
     "@media print": {
       display: "none"
-    }
+    },
+    paddingBottom: "60px"
   },
   moreOptions: {
     "@media print": {
@@ -1204,7 +1205,6 @@ function Classroom({
     onClick: () => {
       setIsCreateMeetingDialogOpen(true);
     },
-    title: t("schedule_discussion"),
     tabIndex: tabs.findIndex(tab => tab.id === "Discuss"),
     variant: "extended",
     disabled: !members || members.length === 0
@@ -1223,7 +1223,6 @@ function Classroom({
     onClick: () => {
       handleCreateAssignment();
     },
-    title: t("create_assignment"),
     tabIndex: tabs.findIndex(tab => tab.id === "Assignments"),
     variant: "extended",
     disabled: !members || members.length === 0 || !courses || courses.length === 0
@@ -1231,12 +1230,16 @@ function Classroom({
   const fabs = [[{
     color: "primary",
     className: null,
-    icon: /*#__PURE__*/_jsx(Add, {}),
+    icon: /*#__PURE__*/_jsx(Add, {
+      sx: {
+        mr: 1
+      }
+    }),
     id: "add-courses-fab",
+    buttonText: t("add_courses"),
     onClick: handleOpenCoursesModal,
-    title: t("add_courses"),
     tabIndex: tabs.findIndex(tab => tab.id === "Courses"),
-    variant: "circular"
+    variant: "extended"
   }, vchatFab, assignmentsFab]];
   const initialTabValue = useMemo(() => {
     if (window.location.hash) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1316",
+  "version": "0.1.1317",
   "type": "module",
   "main": "dist/index.js",
   "files": [