diy-template-components 2.0.34 → 2.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.es.js CHANGED
@@ -6542,7 +6542,8 @@ const useTeamStyles = createUseStyles(theme => {
6542
6542
  },
6543
6543
  imageContainer: {
6544
6544
  minWidth: '100%',
6545
- position: 'relative'
6545
+ position: 'relative',
6546
+ height: '208px'
6546
6547
  },
6547
6548
  image: {
6548
6549
  width: '100%',
@@ -9725,7 +9726,8 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9725
9726
  },
9726
9727
  imageContainer: {
9727
9728
  width: '240px',
9728
- height: '240px'
9729
+ height: '240px',
9730
+ position: 'relative'
9729
9731
  // borderRadius: '16px',
9730
9732
  // border: '1px solid var(--stroke, #D8E0F0)',
9731
9733
  },
@@ -9738,7 +9740,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9738
9740
  },
9739
9741
  infoContainer: {
9740
9742
  padding: '24px',
9741
- gap: '12px',
9743
+ gap: '16px',
9742
9744
  display: 'flex',
9743
9745
  flexDirection: 'column',
9744
9746
  borderRadius: '16px',
@@ -9785,12 +9787,12 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9785
9787
  infoDetails: {
9786
9788
  display: 'flex',
9787
9789
  flexDirection: 'Column',
9788
- gap: '2px'
9790
+ gap: '4px'
9789
9791
  },
9790
9792
  infoContent: {
9791
9793
  display: 'flex',
9792
9794
  flexDirection: 'Column',
9793
- gap: '2px'
9795
+ gap: '4px'
9794
9796
  },
9795
9797
  instHeading: {
9796
9798
  color: 'var(--Black, #0A1629)',
@@ -9894,13 +9896,7 @@ function ABOUT_INSTITUTE({
9894
9896
  layout: {
9895
9897
  containerWidth
9896
9898
  },
9897
- baseURLs,
9898
- isMobile,
9899
- validations,
9900
- isPreview,
9901
- isEdit,
9902
- isLandingPages,
9903
- extraProps
9899
+ isMobile
9904
9900
  } = useContext(PageContext);
9905
9901
  const classes = useAboutInstituteStyles({
9906
9902
  containerWidth,
@@ -9908,15 +9904,19 @@ function ABOUT_INSTITUTE({
9908
9904
  });
9909
9905
  const [nodeData] = sectionData?.components;
9910
9906
  const [highlightNodeData] = nodeData?.highlight?.components;
9911
- console.log('about your institute', nodeData, highlightNodeData);
9912
9907
  const theme = useTheme();
9913
- const ImageJSX = () => /*#__PURE__*/React.createElement("div", {
9914
- className: classes.imageContainer
9915
- }, /*#__PURE__*/React.createElement(NextImageRenderer, {
9916
- className: classes.image,
9917
- alt: "logo",
9918
- src: nodeData?.image?.metadata?.value
9919
- }));
9908
+ const ImageJSX = () => {
9909
+ if (!nodeData?.image?.metadata?.value) {
9910
+ return null;
9911
+ }
9912
+ return /*#__PURE__*/React.createElement("div", {
9913
+ className: classes.imageContainer
9914
+ }, /*#__PURE__*/React.createElement(NextImageRenderer, {
9915
+ className: classes.image,
9916
+ alt: "logo",
9917
+ src: nodeData?.image?.metadata?.value
9918
+ }));
9919
+ };
9920
9920
  const ContentJSX = () => /*#__PURE__*/React.createElement("div", {
9921
9921
  className: classes.infoContainer
9922
9922
  }, /*#__PURE__*/React.createElement("div", {