diy-template-components 2.0.23 → 2.0.25

package/build/index.es.js

@@ -9677,11 +9677,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: {
@@ -9731,7 +9736,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
   },
   contentWrapper: {
     display: 'flex',
-    gap: '24px'
+    gap: '24px',
+    marginBottom: '24px'
   },
   cardWrapper: {
     display: 'flex',
@@ -9796,21 +9802,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.createElement("div", {
     className: classes.imageContainer
   }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     className: classes.image,
     alt: "logo",
-    src: nodeData.image.metadata.value
+    src: nodeData?.image?.metadata?.value
   }));
   const ContentJSX = () => /*#__PURE__*/React.createElement("div", {
     className: classes.infoContainer
   }, /*#__PURE__*/React.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.createElement("div", {
     className: classes.metaInfo
@@ -9821,9 +9827,9 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React.createElement("div", {
-    ref: nodeData?.specialisation?.refSetter,
+    ref: nodeData?.spec?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.specialisation?.metadata?.value
+      __html: nodeData?.spec?.metadata?.value
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: classes.metaInfoChild
@@ -9832,9 +9838,9 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React.createElement("div", {
-    ref: nodeData?.qualification?.refSetter,
+    ref: nodeData?.qual?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.qualification?.metadata?.value
+      __html: nodeData?.qual?.metadata?.value
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: classes.metaInfoChild
@@ -9843,14 +9849,14 @@ function ABOUT_INSTITUTE({
     color: theme.palette.font.primary,
     width: '12px'
   }), /*#__PURE__*/React.createElement("div", {
-    ref: nodeData?.experience?.refSetter,
+    ref: nodeData?.exp?.refSetter,
     dangerouslySetInnerHTML: {
-      __html: infoNodeData?.experience?.metadata?.value
+      __html: nodeData?.exp?.metadata?.value
     }
   }))), /*#__PURE__*/React.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.createElement("div", {
@@ -9859,7 +9865,7 @@ function ABOUT_INSTITUTE({
     className: classes.card
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.cardDesc
-  }, /*#__PURE__*/React.createElement("span", null, "97"), /*#__PURE__*/React.createElement("span", null, "Courses")), /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement("span", null, highlightNodeData?.courses?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Courses")), /*#__PURE__*/React.createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '12px'
@@ -9867,7 +9873,7 @@ function ABOUT_INSTITUTE({
     className: classes.card
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.cardDesc
-  }, /*#__PURE__*/React.createElement("span", null, "10,0000"), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement("span", null, highlightNodeData?.students?.metadata?.value), /*#__PURE__*/React.createElement("span", null, "Active Students")), /*#__PURE__*/React.createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '12px'