@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/blogs/blog-listing-1.tsx

@@ -1,22 +1,20 @@
 import {
-  type ILevoBlockBaseProps,
+  Box,
   Button,
+  Container,
   Heading,
+  Icon,
+  type ILevoBlockBaseProps,
   Image,
-  Typography,
-  Container,
   Section,
-  Box,
-  Icon,
+  Typography,
   useContentEngine,
 } from "@levo-so/studio";
 import dayjs from "dayjs";
 
 import type { IBlogListing1Content } from "./blog-listing-1.schema";
 
-const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
-  content,
-}) => {
+const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({ content }) => {
   const { data, query, setQuery, meta } = useContentEngine("blogs");
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
@@ -34,11 +32,7 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
             Array.isArray(data) &&
             data?.map((_, index) => {
               return (
-                <Box
-                  data-levo_group_item
-                  key={index}
-                  elementKey={`blogs.${index}.blog`}
-                >
+                <Box data-levo_group_item key={index} elementKey={`blogs.${index}.blog`}>
                   <Image
                     alt="cover_image"
                     elementKey={`blogs.${index}.cover_image`}
@@ -50,11 +44,8 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
                       <Box elementKey={`blogs.${index}.timestamp_wrapper`}>
                         <Icon elementKey={`blogs.${index}.timestamp_icon`} />
                         <Typography elementKey={`blogs.${index}.timestamp`}>
-                          {data?.[index]?.timestamp &&
-                          dayjs(data?.[index]?.timestamp).isValid()
-                            ? dayjs(data?.[index]?.timestamp).format(
-                                "DD MMM, YYYY",
-                              )
+                          {data?.[index]?.timestamp && dayjs(data?.[index]?.timestamp).isValid()
+                            ? dayjs(data?.[index]?.timestamp).format("DD MMM, YYYY")
                             : " "}
                         </Typography>
                       </Box>
@@ -67,9 +58,7 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
                         <Icon elementKey={`blogs.${index}.author_image`} />
                         <Box elementKey={`blogs.${index}.author_info_wrapper`}>
                           <Heading elementKey={`blogs.${index}.author_name`} />
-                          <Typography
-                            elementKey={`blogs.${index}.author_description`}
-                          />
+                          <Typography elementKey={`blogs.${index}.author_description`} />
                         </Box>
                       </Box>
                     </Box>
@@ -79,21 +68,23 @@ const BlogListing1: React.FC<ILevoBlockBaseProps<IBlogListing1Content>> = ({
               );
             })}
         </Box>
-        <Box elementKey="pagination-wrapper">
-          <Button
-            elementKey="pagination-left"
-            disabled={query?.page === 1}
-            onClick={handlePrevious}
-          />
-          <Typography elementKey="pagination-text">
-            {`${query?.page || 0}/${meta?.pages || 0}`}
-          </Typography>
-          <Button
-            elementKey="pagination-right"
-            onClick={handleNext}
-            disabled={query?.page === meta?.pages}
-          />
-        </Box>
+        {(meta?.pages || 0) > 1 && (
+          <Box elementKey="pagination-wrapper">
+            <Button
+              elementKey="pagination-left"
+              disabled={query?.page === 1}
+              onClick={handlePrevious}
+            />
+            <Typography elementKey="pagination-text">
+              {`${query?.page || 0}/${meta?.pages || 0}`}
+            </Typography>
+            <Button
+              elementKey="pagination-right"
+              onClick={handleNext}
+              disabled={query?.page === meta?.pages}
+            />
+          </Box>
+        )}
       </Container>
     </Section>
   );

package/src/blocks/blogs/blog-listing-2.schema.ts

@@ -38,8 +38,7 @@ const MEDIA = {
     filename: "icons copy 4.svg",
     kind: "image",
     path: "WLZ1TXTD/iconscopy4-rSC4lH4e0QFB.svg",
-    location:
-      "https://static.levostg.online/WLZ1TXTD/iconscopy4-rSC4lH4e0QFB.svg",
+    location: "https://static.levostg.online/WLZ1TXTD/iconscopy4-rSC4lH4e0QFB.svg",
     metadata: {
       etag: '"9d4baa51fb176f2edb5c89f785d7a018"',
       mimetype: "image/svg+xml",
@@ -58,8 +57,7 @@ const MEDIA = {
     filename: "icons copy 5.svg",
     kind: "image",
     path: "WLZ1TXTD/iconscopy5-R6exN52A9lz1.svg",
-    location:
-      "https://static.levostg.online/WLZ1TXTD/iconscopy5-R6exN52A9lz1.svg",
+    location: "https://static.levostg.online/WLZ1TXTD/iconscopy5-R6exN52A9lz1.svg",
     metadata: {
       etag: '"2e33826fc7828bb2be1e7d3117756eb1"',
       mimetype: "image/svg+xml",
@@ -78,8 +76,7 @@ const MEDIA = {
     filename: "pexels-2147499152-29632553.jpg",
     kind: "image",
     path: "WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo.jpg",
-    location:
-      "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo.jpg",
+    location: "https://static.levostg.online/WLZ1TXTD/pexels-2147499152-29632553-WT0prjeW1uuo.jpg",
     metadata: {
       etag: '"d2ab426d617eec426c1e6ba5605ab5d6"',
       mimetype: "image/jpeg",
@@ -228,8 +225,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -319,8 +315,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -410,8 +405,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -501,8 +495,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -592,8 +585,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -683,8 +675,7 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       },
       "blog-type": "Article / Lifestyle",
       "blog-content": null,
-      title:
-        "Explore how artificial intelligence is transforming industries and everyday tasks.",
+      title: "Explore how artificial intelligence is transforming industries and everyday tasks.",
       description: "<p>AI Changing the Way We Work</p>",
       "blog-footer": null,
       "author-image": {
@@ -729,23 +720,15 @@ const DEFAULT_CONTENT_VARIANT_2 = {
       id: "1d7qWLgp5xDd1",
       filename: "image.png",
       kind: "image",
-      location:
-        "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte.png",
+      location: "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte.png",
       srcset: {
-        "1080w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1080w.webp",
-        "1200w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1200w.webp",
-        "1920w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1920w.webp",
-        "320w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-320w.webp",
-        "640w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-640w.webp",
-        "750w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-750w.webp",
-        "828w":
-          "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-828w.webp",
+        "1080w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1080w.webp",
+        "1200w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1200w.webp",
+        "1920w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1920w.webp",
+        "320w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-320w.webp",
+        "640w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-640w.webp",
+        "750w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-750w.webp",
+        "828w": "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-828w.webp",
         path: "https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-9GF4Nq5FRMZte-320w.webp 320w",
       },
       mimetype: "image/png",

package/src/blocks/blogs/blog-listing-2.tsx

@@ -1,10 +1,10 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Media,
   Section,
   Typography,
@@ -14,9 +14,7 @@ import dayjs from "dayjs";
 
 import type { IBlogListing2Content } from "./blog-listing-2.schema";
 
-const BlogListing2: React.FC<
-  ILevoBlockBaseProps<IBlogListing2Content>
-> = () => {
+const BlogListing2: React.FC<ILevoBlockBaseProps<IBlogListing2Content>> = () => {
   const { data, query, setQuery, meta } = useContentEngine("blogs");
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
@@ -34,11 +32,7 @@ const BlogListing2: React.FC<
         </Box>
         <Box elementKey="blogs_levoGroup" data-levo_group>
           {(data || [])?.map((item: any, index: number) => (
-            <Box
-              key={`blogs.${index}`}
-              data-levo_group_item
-              elementKey={`blogs.${index}.blog`}
-            >
+            <Box key={`blogs.${index}`} data-levo_group_item elementKey={`blogs.${index}.blog`}>
               <Media elementKey={`blogs.${index}.media`} alt="Blog Media" />
               <Box elementKey={`blogs.${index}.blog-info-wrapper`}>
                 <Box elementKey={`blogs.${index}.blog-content`}>
@@ -59,9 +53,7 @@ const BlogListing2: React.FC<
                       <Icon elementKey={`blogs.${index}.author-image`} />
                       <Typography elementKey={`blogs.${index}.author-name`} />
                     </Box>
-                    <Box
-                      elementKey={`blogs.${index}.blog-reading-time-wrapper`}
-                    >
+                    <Box elementKey={`blogs.${index}.blog-reading-time-wrapper`}>
                       <Icon elementKey={`blogs.${index}.reading-time-icon`} />
                       <Typography elementKey={`blogs.${index}.reading-time`} />
                     </Box>
@@ -72,21 +64,23 @@ const BlogListing2: React.FC<
             </Box>
           ))}
         </Box>
-        <Box elementKey="pagination-wrapper">
-          <Button
-            elementKey="pagination-left"
-            disabled={query?.page === 1}
-            onClick={handlePrevious}
-          />
-          <Typography elementKey="pagination-text">
-            {`${query?.page || 0}/${meta?.pages || 0}`}
-          </Typography>
-          <Button
-            elementKey="pagination-right"
-            onClick={handleNext}
-            disabled={query?.page === meta?.pages}
-          />
-        </Box>
+        {(meta?.pages || 0) > 1 && (
+          <Box elementKey="pagination-wrapper">
+            <Button
+              elementKey="pagination-left"
+              disabled={query?.page === 1}
+              onClick={handlePrevious}
+            />
+            <Typography elementKey="pagination-text">
+              {`${query?.page || 0}/${meta?.pages || 0}`}
+            </Typography>
+            <Button
+              elementKey="pagination-right"
+              onClick={handleNext}
+              disabled={query?.page === meta?.pages}
+            />
+          </Box>
+        )}
       </Container>
     </Section>
   );

package/src/blocks/blogs/blog-listing-3.schema.ts

@@ -37,23 +37,15 @@ const DEFAULT_CONTENT = {
         id: "pKkMlt5KY774",
         filename: "image.png",
         kind: "image",
-        location:
-          "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
+        location: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
         srcset: {
-          "1080w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
-          "1200w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
-          "1920w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
-          "320w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
-          "640w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
-          "750w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
-          "828w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
+          "1080w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
+          "1200w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
+          "1920w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
+          "320w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
+          "640w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
+          "750w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
+          "828w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
           path: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp 640w",
         },
         mimetype: "image/png",
@@ -117,23 +109,15 @@ const DEFAULT_CONTENT = {
         id: "pKkMlt5KY774",
         filename: "image.png",
         kind: "image",
-        location:
-          "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
+        location: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
         srcset: {
-          "1080w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
-          "1200w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
-          "1920w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
-          "320w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
-          "640w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
-          "750w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
-          "828w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
+          "1080w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
+          "1200w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
+          "1920w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
+          "320w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
+          "640w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
+          "750w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
+          "828w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
           path: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp 640w",
         },
         mimetype: "image/png",
@@ -197,23 +181,15 @@ const DEFAULT_CONTENT = {
         id: "pKkMlt5KY774",
         filename: "image.png",
         kind: "image",
-        location:
-          "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
+        location: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
         srcset: {
-          "1080w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
-          "1200w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
-          "1920w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
-          "320w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
-          "640w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
-          "750w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
-          "828w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
+          "1080w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
+          "1200w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
+          "1920w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
+          "320w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
+          "640w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
+          "750w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
+          "828w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
           path: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp 640w",
         },
         mimetype: "image/png",
@@ -277,23 +253,15 @@ const DEFAULT_CONTENT = {
         id: "pKkMlt5KY774",
         filename: "image.png",
         kind: "image",
-        location:
-          "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
+        location: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo.png",
         srcset: {
-          "1080w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
-          "1200w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
-          "1920w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
-          "320w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
-          "640w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
-          "750w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
-          "828w":
-            "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
+          "1080w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp",
+          "1200w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp",
+          "1920w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp",
+          "320w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp",
+          "640w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp",
+          "750w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp",
+          "828w": "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp",
           path: "https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-T71RnwY8DsXo-640w.webp 640w",
         },
         mimetype: "image/png",

package/src/blocks/blogs/blog-listing-3.tsx

@@ -1,10 +1,10 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Media,
   Section,
   Typography,
@@ -14,9 +14,7 @@ import dayjs from "dayjs";
 
 import type { IBlogListing3Content } from "./blog-listing-3.schema";
 
-const BlogListing3: React.FC<
-  ILevoBlockBaseProps<IBlogListing3Content>
-> = ({}) => {
+const BlogListing3: React.FC<ILevoBlockBaseProps<IBlogListing3Content>> = ({}) => {
   const { data, query, setQuery, meta } = useContentEngine("blogs");
 
   const handleNext = () => setQuery({ page: (query?.page || 0) + 1 });
@@ -34,11 +32,7 @@ const BlogListing3: React.FC<
         </Box>
         <Box elementKey="blogs_levoGroup" data-levo_group>
           {(data || [])?.map((item: any, index: number) => (
-            <Box
-              key={`blogs.${index}`}
-              data-levo_group_item
-              elementKey={`blogs.${index}.blog`}
-            >
+            <Box key={`blogs.${index}`} data-levo_group_item elementKey={`blogs.${index}.blog`}>
               <Media elementKey={`blogs.${index}.media`} alt="Blog Media" />
               <Box elementKey={`blogs.${index}.blog-info-wrapper`}>
                 <Box elementKey={`blogs.${index}.blog-content`}>
@@ -47,9 +41,7 @@ const BlogListing3: React.FC<
                     <Typography elementKey={`blogs.${index}.blog-type`}>
                       {data?.[index]?.["publish-date"] &&
                       dayjs(data?.[index]?.["publish-date"]).isValid()
-                        ? dayjs(data?.[index]?.["publish-date"]).format(
-                            "DD MMM, YYYY",
-                          )
+                        ? dayjs(data?.[index]?.["publish-date"]).format("DD MMM, YYYY")
                         : " "}
                     </Typography>
                   </Box>
@@ -61,21 +53,23 @@ const BlogListing3: React.FC<
             </Box>
           ))}
         </Box>
-        <Box elementKey="pagination-wrapper">
-          <Button
-            elementKey="pagination-left"
-            disabled={query?.page === 1}
-            onClick={handlePrevious}
-          />
-          <Typography elementKey="pagination-text">
-            {`${query?.page || 0}/${meta?.pages || 0}`}
-          </Typography>
-          <Button
-            elementKey="pagination-right"
-            onClick={handleNext}
-            disabled={query?.page === meta?.pages}
-          />
-        </Box>
+        {(meta?.pages || 0) > 1 && (
+          <Box elementKey="pagination-wrapper">
+            <Button
+              elementKey="pagination-left"
+              disabled={query?.page === 1}
+              onClick={handlePrevious}
+            />
+            <Typography elementKey="pagination-text">
+              {`${query?.page || 0}/${meta?.pages || 0}`}
+            </Typography>
+            <Button
+              elementKey="pagination-right"
+              onClick={handleNext}
+              disabled={query?.page === meta?.pages}
+            />
+          </Box>
+        )}
       </Container>
     </Section>
   );

package/src/blocks/blogs/blog-post-1.schema.ts

@@ -7,20 +7,13 @@ const MEDIA = {
     kind: "image",
     mimetype: "image/png",
     srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+      "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+      "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+      "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+      "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+      "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+      "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+      "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
       path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
     },
   },
@@ -74,8 +67,7 @@ export const BlogPost1: IBlock = {
       label: "Layout",
       field_interface: "LayoutWidget",
       hint: {
-        prompt_description:
-          "Defines the overall page structure and layout. No content needed.",
+        prompt_description: "Defines the overall page structure and layout. No content needed.",
       },
     },
     {
@@ -131,8 +123,7 @@ export const BlogPost1: IBlock = {
       label: "Title Section",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Container for the main blog post headline. No content needed here.",
+        prompt_description: "Container for the main blog post headline. No content needed here.",
       },
     },
     {

package/src/blocks/blogs/blog-post-1.tsx

@@ -1,21 +1,11 @@
 import type { ILevoBlockBaseProps } from "@levo-so/studio";
-import {
-  Box,
-  Container,
-  Heading,
-  Icon,
-  Media,
-  Section,
-  Typography,
-} from "@levo-so/studio";
+import { Box, Container, Heading, Icon, Media, Section, Typography } from "@levo-so/studio";
 import dayjs from "dayjs";
 import type React from "react";
 
 import type { IBlogPost1Content } from "./blog-post-1.schema";
 
-const BlogPost1: React.FC<ILevoBlockBaseProps<IBlogPost1Content>> = ({
-  content,
-}) => (
+const BlogPost1: React.FC<ILevoBlockBaseProps<IBlogPost1Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header-section">
@@ -31,8 +21,7 @@ const BlogPost1: React.FC<ILevoBlockBaseProps<IBlogPost1Content>> = ({
                 <Heading elementKey="author-name" />
               </Box>
               <Typography elementKey="publish-date">
-                {content?.["publish-date"] &&
-                dayjs(content?.["publish-date"]).isValid()
+                {content?.["publish-date"] && dayjs(content?.["publish-date"]).isValid()
                   ? dayjs(content?.["publish-date"]).format("DD MMM, YYYY")
                   : " "}
               </Typography>