diy-template-components 2.0.23 → 2.0.25

package/build/index.js

@@ -9693,11 +9693,16 @@ var index$1 = /*#__PURE__*/Object.freeze({
 });
 
 const useAboutInstituteStyles = createUseStyles(theme => ({
+  aboutInstText: {
+    alignSelf: 'center',
+    color: 'var(--Black, #0A1629)',
+    fontSize: '24px',
+    fontWeight: '400'
+  },
   aboutInstWrapper: {
     padding: '64px 128px',
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center',
     flexDirection: 'column'
   },
   abtoutInstText: {
@@ -9747,7 +9752,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
   },
   contentWrapper: {
     display: 'flex',
-    gap: '24px'
+    gap: '24px',
+    marginBottom: '24px'
   },
   cardWrapper: {
     display: 'flex',
@@ -9812,21 +9818,21 @@ function ABOUT_INSTITUTE({
     isMobile
   });
   const [nodeData] = sectionData?.components;
-  const [infoNodeData] = nodeData?.info?.components;
+  const [highlightNodeData] = nodeData?.highlight?.components;
   const theme = useTheme();
   const ImageJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.imageContainer
   }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
     className: classes.image,
     alt: "logo",
-    src: nodeData.image.metadata.value
+    src: nodeData?.image?.metadata?.value
   }));
   const ContentJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.infoContainer
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: nodeData?.your_name?.refSetter,
+    ref: nodeData?.instName?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.your_name?.metadata?.value
+      __html: nodeData?.instName?.metadata?.value
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.metaInfo
@@ -9837,9 +9843,9 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: nodeData?.specialisation?.refSetter,
+    ref: nodeData?.spec?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.specialisation?.metadata?.value
+      __html: nodeData?.spec?.metadata?.value
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.metaInfoChild
@@ -9848,9 +9854,9 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: nodeData?.qualification?.refSetter,
+    ref: nodeData?.qual?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.qualification?.metadata?.value
+      __html: nodeData?.qual?.metadata?.value
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.metaInfoChild
@@ -9859,14 +9865,14 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: nodeData?.experience?.refSetter,
+    ref: nodeData?.exp?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.experience?.metadata?.value
+      __html: nodeData?.exp?.metadata?.value
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: nodeData?.institute_about?.refSetter,
+    ref: nodeData?.content?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.institute_about?.metadata?.value
+      __html: nodeData?.content?.metadata?.value
     }
   }));
   const HighlightJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9875,7 +9881,7 @@ function ABOUT_INSTITUTE({
     className: classes.card
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.cardDesc
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, "97"), /*#__PURE__*/React__default["default"].createElement("span", null, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, highlightNodeData?.courses?.metadata?.value), /*#__PURE__*/React__default["default"].createElement("span", null, "Courses")), /*#__PURE__*/React__default["default"].createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '12px'
@@ -9883,7 +9889,7 @@ function ABOUT_INSTITUTE({
     className: classes.card
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classes.cardDesc
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, "10,0000"), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React__default["default"].createElement("span", null, "Active Students")), /*#__PURE__*/React__default["default"].createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '12px'