fix: QA

deco-sites · Mar 20, 2024 · 96bf754 · 96bf754
1 parent d2db14e
commit 96bf754
Show file tree

Hide file tree

Showing 15 changed files with 379 additions and 331 deletions.
diff --git a/components/cards/ImageCard.tsx b/components/cards/ImageCard.tsx
@@ -93,11 +93,13 @@ function Card(
           />
         )}
       </a>
-      {/* {buttonText && (
+      {
+        /* {buttonText && (
         <a href={href} class={getButtonClasses(style?.button || {})}>
           {buttonText}
         </a>
-      )} */}
+      )} */
+      }
     </div>
   );
 }

diff --git a/components/header/Menu.tsx b/components/header/Menu.tsx
@@ -36,7 +36,6 @@ function Menu({ items }: Props) {
           </li>
         ))}
       </ul>
-
     </div>
   );
 }

diff --git a/components/layout/Carousel.tsx b/components/layout/Carousel.tsx
@@ -74,7 +74,7 @@ function Section({ interval = 0, layout, style, children }: Props) {
           {items?.map((item, index) => (
             <Slider.Item
               index={index}
-              class="carousel-item snap-center min-h-[580px] flex items-baseline"
+              class="carousel-item snap-center min-h-[580px] flex items-baseline max-[1020px]:max-w-full"
               style={{ width: layout?.itemWidth || "auto" }}
             >
               {item}
@@ -123,7 +123,12 @@ function Section({ interval = 0, layout, style, children }: Props) {
           </ul>
         )}
 
-        <SliderJS rootId={id} interval={interval && interval * 1e3} infinite centerMode={true} />
+        <SliderJS
+          rootId={id}
+          interval={interval && interval * 1e3}
+          infinite
+          centerMode={true}
+        />
       </div>
     </>
   );

diff --git a/components/minicart/Cart.tsx b/components/minicart/Cart.tsx
@@ -27,7 +27,7 @@ function Cart({ platform }: Props) {
   }
 
   if (platform === "linx") {
-    return ;
+    return;
   }
 
   if (platform === "shopify") {

diff --git a/components/ui/ContactInput.tsx b/components/ui/ContactInput.tsx
@@ -1,7 +1,3 @@
 export function ScriptRespondi() {
-
-
-    return (
-        <script></script>
-    )
-}
+  return <script></script>;
+}
diff --git a/components/ui/SectionHeader.tsx b/components/ui/SectionHeader.tsx
@@ -29,9 +29,7 @@ function Header(props: Props) {
                 <h1
                   class={clx(
                     "text-[40px] font-semibold leading-8 lg:leading-10 max-[1020px]:text-[25px]",
-                    props.colorReverse
-                      ? "text-[#012E66]"
-                      : "text-[#012E66]"
+                    props.colorReverse ? "text-[#012E66]" : "text-[#012E66]",
                   )}
                 >
                   {props.title}
@@ -44,7 +42,7 @@ function Header(props: Props) {
                     "leading-6 lg:leading-8 text-[20px] max-[1020px]:text-[20px]",
                     props.colorReverse
                       ? "text-primary-content"
-                      : "text-base-content"
+                      : "text-base-content",
                   )}
                 >
                   {props.description}

diff --git a/components/ui/SliderJS.tsx b/components/ui/SliderJS.tsx
@@ -5,7 +5,7 @@ export interface Props {
   scroll?: "smooth" | "auto";
   interval?: number;
   infinite?: boolean;
-  centerMode?: boolean
+  centerMode?: boolean;
 }
 
 const ATTRIBUTES = {
@@ -190,14 +190,14 @@ function Slider({
   scroll = "smooth",
   interval,
   infinite = false,
-  centerMode = true
+  centerMode = true,
 }: Props) {
-  useEffect(() => setup({ rootId, scroll, interval, infinite, centerMode}), [
+  useEffect(() => setup({ rootId, scroll, interval, infinite, centerMode }), [
     rootId,
     scroll,
     interval,
     infinite,
-    centerMode
+    centerMode,
   ]);
 
   return <div data-slider-controller-js />;

diff --git a/routes/_app.tsx b/routes/_app.tsx
@@ -31,9 +31,10 @@ export default defineApp(async (_req, ctx) => {
         <link rel="manifest" href={asset("/site.webmanifest")} />
       </Head>
 
-      <script 
+      <script
         dangerouslySetInnerHTML={{
-          __html: `const bodyScript=document.querySelector('body'),hasScript=document.querySelector('#respondi_src');if(!hasScript){const script=document.createElement('script');script.setAttribute("async", "");document.body.appendChild(script),script.id='respondi_src',script.src='https://embed.respondi.app/embed.js';}` 
+          __html:
+            `const bodyScript=document.querySelector('body'),hasScript=document.querySelector('#respondi_src');if(!hasScript){const script=document.createElement('script');script.setAttribute("async", "");document.body.appendChild(script),script.id='respondi_src',script.src='https://embed.respondi.app/embed.js';}`,
         }}
       />
 

diff --git a/sections/Apresentacao/Apresentacao.tsx b/sections/Apresentacao/Apresentacao.tsx
@@ -6,7 +6,7 @@ export interface Props {
 }
 
 const DEFAULT_TEXT =
-  '<h2>O que é uma garantidora de condomínio?</h2> <p>Uma <strong>Cedrom</strong> é uma empresa que assume a cobrança da taxa condominial e repassa ao condomínio o valor das taxas pagas e não pagas pelos condôminos. <br/>A cobrança dos atrasados é feita diretamente pela Cedrom, eliminando os custos e os riscos jurídicos para a condomínio. Com a receita garantida, o Síndico tem a certeza do valor que irá entrar na conta do condomínio, sem risco de falta de caixa devido a inadimplência.</p>';
+  "<h2>O que é uma garantidora de condomínio?</h2> <p>Uma <strong>Cedrom</strong> é uma empresa que assume a cobrança da taxa condominial e repassa ao condomínio o valor das taxas pagas e não pagas pelos condôminos. <br/>A cobrança dos atrasados é feita diretamente pela Cedrom, eliminando os custos e os riscos jurídicos para a condomínio. Com a receita garantida, o Síndico tem a certeza do valor que irá entrar na conta do condomínio, sem risco de falta de caixa devido a inadimplência.</p>";
 
 export default function RichText(
   { text = DEFAULT_TEXT, containerWidth }: Props,

diff --git a/sections/ComoFunciona/ComoFunciona.tsx b/sections/ComoFunciona/ComoFunciona.tsx
@@ -2,66 +2,70 @@
  * @title {{{text}}}
  */
 export interface ComoFunciona {
-    /**
-     * @title Número da etapa
-     */
-    number?: number;
-    /**
-     * @title Texto da etapa
-     */
-    text?: string;
+  /**
+   * @title Número da etapa
+   */
+  number?: number;
+  /**
+   * @title Texto da etapa
+   */
+  text?: string;
 }
 
 export interface Props {
-    title?: string;
-    content?: ComoFunciona[]
+  title?: string;
+  content?: ComoFunciona[];
 }
 
 const DEFAULT_PROPS = {
-    content: [
-        {
-            number: 1,
-            text: 'Simulação do financiamento'
-        },
-        {
-            number: 2,
-            text: 'Envio de documentaçãopreliminar'
-        },
-        {
-            number: 3,
-            text: 'Análise de crédito'
-        },
-        {
-            number: 4,
-            text: 'Aprovação do empréstimo em assembleia'
-        },
-        {
-            number: 5,
-            text: 'Liberação do dinheiro para o condomínio'
-        }
-    ]
-}
+  content: [
+    {
+      number: 1,
+      text: "Simulação do financiamento",
+    },
+    {
+      number: 2,
+      text: "Envio de documentaçãopreliminar",
+    },
+    {
+      number: 3,
+      text: "Análise de crédito",
+    },
+    {
+      number: 4,
+      text: "Aprovação do empréstimo em assembleia",
+    },
+    {
+      number: 5,
+      text: "Liberação do dinheiro para o condomínio",
+    },
+  ],
+};
 
+export default function ComoFunciona(props: Props) {
+  const {
+    content,
+  } = { ...DEFAULT_PROPS, ...props };
 
-export default function ComoFunciona( props: Props ) {
-    const {
-        content
-    } = { ...DEFAULT_PROPS, ...props}
-
-    return (
-        (content) ?
-            <div class="bg-[#012E66] flex-wrap flex w-full py-[15px] my-[20px]">
-                <h3 class="text-[30px] text-[#ffffff] w-full text-center font-[900] ">Como funciona na prática?</h3>
-                <div class=" container grid grid-cols-[repeat(5,_1fr)] grid-rows-[1fr] gap-x-[0px] gap-y-[0px] w-full max-[1020px]:grid-cols-[1fr]">
-                {content.map((item) => (
-                    <div class="flex items-center align-middle mx-auto ">
-                        <p class="bg-transparent text-transparent content-text-edit text-[80px] mr-[5px] font-bold">{item?.number}</p>
-                        <span class="text-[#ffffff] w-[125px]">{item?.text}</span>
-                    </div>
-                )
-                )}
-                </div>
-            </div>
-        : ''
-    )
-} 
+  return (
+    content
+      ? (
+        <div class="bg-[#012E66] flex-wrap flex w-full py-[15px] my-[20px]">
+          <h3 class="text-[30px] text-[#ffffff] w-full text-center font-[900] ">
+            Como funciona na prática?
+          </h3>
+          <div class=" container grid grid-cols-[repeat(5,_1fr)] grid-rows-[1fr] gap-x-[0px] gap-y-[0px] w-full max-[1020px]:grid-cols-[1fr]">
+            {content.map((item) => (
+              <div class="flex items-center align-middle mx-auto ">
+                <p class="bg-transparent text-transparent content-text-edit text-[80px] mr-[5px] font-bold">
+                  {item?.number}
+                </p>
+                <span class="text-[#ffffff] w-[125px]">{item?.text}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      )
+      : ""
+  );
+}