@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/polling/polling-1.tsx

@@ -1,16 +1,16 @@
+import { cn, errorToast, Spinner, successToast, useLevo } from "@levo-so/react";
 import {
-  type ILevoBlockBaseProps,
-  Heading,
-  Typography,
+  Box,
   Container,
+  Heading,
+  type ILevoBlockBaseProps,
   Section,
-  Box,
-  useBlockContext,
+  Typography,
   useAuth,
+  useBlockContext,
 } from "@levo-so/studio";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { cn, errorToast, Spinner, successToast, useLevo } from "@levo-so/react";
 import { CircleCheckBig, LoaderCircle } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 
 import type { IPolling1Content } from "./polling-1.schema";
 
@@ -168,11 +168,7 @@ const PollOption: React.FC<{
   const isCurrentOptionSelected = selectedOption === option._id;
 
   const percentage = useMemo(() => {
-    if (
-      Number.isFinite(totalVotes) &&
-      Number.isFinite(option?.count) &&
-      totalVotes > 0
-    ) {
+    if (Number.isFinite(totalVotes) && Number.isFinite(option?.count) && totalVotes > 0) {
       return ((option.count / totalVotes) * 100)?.toFixed(0);
     }
     return null;
@@ -208,11 +204,7 @@ const PollOption: React.FC<{
           status: boolean;
         }>();
 
-      if (
-        response?.status &&
-        response?.content?.data &&
-        response?.content?.data?.voted
-      ) {
+      if (response?.status && response?.content?.data && response?.content?.data?.voted) {
         successToast(response?.content?.data?.message);
         fetchPolls?.();
       }
@@ -247,22 +239,19 @@ const PollOption: React.FC<{
         </Heading>
 
         {(isUserOnOption || isCurrentOptionSelected) && isVoting === false && (
-          <CircleCheckBig className="text-brand size-5" />
+          <CircleCheckBig className="size-5 text-brand" />
         )}
       </div>
       <div className="flex items-center justify-between gap-x-2">
         <div
-          className={cn(
-            "relative h-2 w-full rounded",
-            isVoting && "animate-pulse",
-          )}
+          className={cn("relative h-2 w-full rounded", isVoting && "animate-pulse")}
           style={{
             maxWidth: "95%",
             backgroundColor: "oklch(0.9416 0.0121 259.8229)",
           }}
         >
           <div
-            className="bg-brand absolute top-0 right-0 left-0 h-2 rounded transition-all ease-out"
+            className="absolute top-0 right-0 left-0 h-2 rounded bg-brand transition-all ease-out"
             style={{
               width,
               transformOrigin: "left center",
@@ -273,7 +262,7 @@ const PollOption: React.FC<{
         <div>
           {isVoting ? (
             <LoaderCircle
-              className={cn("text-brand size-6 animate-spin font-bold")}
+              className={cn("size-6 animate-spin font-bold text-brand")}
               style={{
                 height: "25.59px",
               }}
@@ -377,9 +366,7 @@ const Poll: React.FC<{
   );
 };
 
-const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({
-  content,
-}) => {
+const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({ content }) => {
   const levoClient = useLevo();
   const { isBuilder } = useBlockContext();
 
@@ -422,18 +409,16 @@ const Polling1: React.FC<ILevoBlockBaseProps<IPolling1Content>> = ({
         <Box elementKey="polls">
           {isBuilder ? (
             <>
-              {POLLS_RESPONSE_SAMPLE?.content?.data?.map(
-                (item: any, index: number) => {
-                  return (
-                    <Poll
-                      poll={item}
-                      isLoading={isLoading}
-                      key={`polls.${index}`}
-                      fetchPolls={fetchPolls}
-                    />
-                  );
-                },
-              )}
+              {POLLS_RESPONSE_SAMPLE?.content?.data?.map((item: any, index: number) => {
+                return (
+                  <Poll
+                    poll={item}
+                    isLoading={isLoading}
+                    key={`polls.${index}`}
+                    fetchPolls={fetchPolls}
+                  />
+                );
+              })}
             </>
           ) : (
             <>