@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/testimonial/testimonial-5.tsx

@@ -2,7 +2,6 @@
 
 import type { CarouselApi } from "@levo-so/studio";
 import {
-  type ILevoBlockBaseProps,
   Box,
   Carousel,
   CarouselContent,
@@ -10,6 +9,7 @@ import {
   Container,
   Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Section,
   Typography,
 } from "@levo-so/studio";
@@ -17,9 +17,7 @@ import { useEffect, useState } from "react";
 
 import type { ITestimonial5Content } from "./testimonial-5.schema";
 
-const Testimonial5: React.FC<ILevoBlockBaseProps<ITestimonial5Content>> = ({
-  content,
-}) => {
+const Testimonial5: React.FC<ILevoBlockBaseProps<ITestimonial5Content>> = ({ content }) => {
   const [api, setApi] = useState<CarouselApi>();
   const [current, setCurrent] = useState(0);
   const [count, setCount] = useState(0);
@@ -57,36 +55,28 @@ const Testimonial5: React.FC<ILevoBlockBaseProps<ITestimonial5Content>> = ({
             {(content?.testimonials ?? []).map((_, index: number) => (
               <CarouselItem key={index} data-levo_group_item>
                 <Box elementKey={`testimonials.${index}.card`}>
-                  {(content?.testimonials?.[index] as any)?.stars?.length >
-                    0 && (
+                  {(content?.testimonials?.[index] as any)?.stars?.length > 0 && (
                     <Box elementKey={`testimonials.${index}.stars_wrapper`}>
-                      <Box
-                        elementKey={`testimonials.${index}.stars_levoGroup`}
-                        data-levo_group
-                      >
-                        {(
-                          (content?.testimonials?.[index] as any)?.stars ?? []
-                        ).map((_: any, starIndex: number) => (
-                          <Icon
-                            key={`star-${starIndex}`}
-                            data-levo_group_item
-                            elementKey={`testimonials.${index}.stars.${starIndex}.star`}
-                          />
-                        ))}
+                      <Box elementKey={`testimonials.${index}.stars_levoGroup`} data-levo_group>
+                        {((content?.testimonials?.[index] as any)?.stars ?? []).map(
+                          (_: any, starIndex: number) => (
+                            <Icon
+                              key={`star-${starIndex}`}
+                              data-levo_group_item
+                              elementKey={`testimonials.${index}.stars.${starIndex}.star`}
+                            />
+                          ),
+                        )}
                       </Box>
                     </Box>
                   )}
                   <Typography elementKey={`testimonials.${index}.quote`} />
                   <Box elementKey={`testimonials.${index}.profileSection`}>
-                    <Box
-                      elementKey={`testimonials.${index}.profileSection_content`}
-                    >
+                    <Box elementKey={`testimonials.${index}.profileSection_content`}>
                       <Icon elementKey={`testimonials.${index}.avatar`} />
                       <Box elementKey={`testimonials.${index}.clientInfo`}>
                         <Heading elementKey={`testimonials.${index}.name`} />
-                        <Typography
-                          elementKey={`testimonials.${index}.position`}
-                        />
+                        <Typography elementKey={`testimonials.${index}.position`} />
                       </Box>
                     </Box>
                     <Icon elementKey={`testimonials.${index}.org_logo`} />