nit

covalenthq · Apr 25, 2024 · 7ccd40d · 7ccd40d
1 parent eb52a1f
commit 7ccd40d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 13 deletions.
diff --git a/src/components/Molecules/BlockDetails/BlockDetails.tsx b/src/components/Molecules/BlockDetails/BlockDetails.tsx
@@ -41,16 +41,12 @@ export const BlockDetails: React.FC<BlockDetailsProps> = ({
     return (
         <Card className="flex w-full flex-col items-start gap-x-4 rounded border border-secondary-light p-2 dark:border-secondary-dark dark:bg-background-dark dark:text-white">
             {maybeResult.match({
-                None: () => (
-                    <div className="mt-4">
-                        <Skeleton size={GRK_SIZES.LARGE} />
-                    </div>
-                ),
+                None: () => <Skeleton size={GRK_SIZES.LARGE} />,
                 Some: (block) =>
                     errorMessage ? (
                         <p className="mt-4">{errorMessage}</p>
                     ) : (
-                        <div className="mt-2 grid w-full grid-cols-3 gap-16 gap-y-4">
+                        <div className="grid w-full grid-cols-3 gap-16 gap-y-4">
                             <div>
                                 <CardDescription>HEIGHT</CardDescription>
 

diff --git a/src/components/Molecules/TransactionDetails/TransactionDetails.tsx b/src/components/Molecules/TransactionDetails/TransactionDetails.tsx
@@ -52,16 +52,12 @@ export const TransactionDetails: React.FC<TransactionDetailsProps> = ({
     return (
         <Card className="flex w-full flex-col items-start gap-x-4 rounded border border-secondary-light p-2 dark:border-secondary-dark dark:bg-background-dark dark:text-white">
             {maybeResult.match({
-                None: () => (
-                    <div className="mt-4">
-                        <Skeleton size={GRK_SIZES.LARGE} />
-                    </div>
-                ),
+                None: () => <Skeleton size={GRK_SIZES.LARGE} />,
                 Some: (tx) =>
                     errorMessage ? (
                         <p className="mt-4">{errorMessage}</p>
                     ) : (
-                        <div className="mt-2 grid w-full grid-cols-3 gap-16 gap-y-4">
+                        <div className="grid w-full grid-cols-3 gap-16 gap-y-4">
                             <div>
                                 <CardDescription>TX HASH</CardDescription>
 

diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
@@ -57,7 +57,7 @@ const TableRow = forwardRef<
     <tr
         ref={ref}
         className={cn(
-            "border-b border-secondary-light transition-colors hover:bg-secondary-light data-[state=selected]:bg-primary-light dark:border-secondary-dark dark:hover:bg-primary-dark dark:data-[state=selected]:bg-primary-dark",
+            "border-b border-secondary-light transition-colors hover:bg-secondary-light data-[state=selected]:bg-primary-light dark:border-secondary-dark dark:hover:bg-secondary-dark dark:data-[state=selected]:bg-primary-dark",
             className
         )}
         {...props}