From 0cab5aaaf659b54d6fe61c4c36e488aaa72b7b2b Mon Sep 17 00:00:00 2001
From: Edd <edd@vega.xyz>
Date: Thu, 29 Dec 2022 16:48:16 +0000
Subject: [PATCH] feat(explorer): messages formatting

---
 .../app/components/empty-list/empty-list.tsx  | 33 ++++++++++---------
 .../src/app/routes/blocks/id/block.tsx        |  7 +++-
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/apps/explorer/src/app/components/empty-list/empty-list.tsx b/apps/explorer/src/app/components/empty-list/empty-list.tsx
index c54b13ed7..7e608a9b7 100644
--- a/apps/explorer/src/app/components/empty-list/empty-list.tsx
+++ b/apps/explorer/src/app/components/empty-list/empty-list.tsx
@@ -1,28 +1,31 @@
-import { t } from "@vegaprotocol/react-helpers";
+import { t } from '@vegaprotocol/react-helpers';
 
 export type EmptyListProps = {
-    heading?: string
-    label?: string
+  heading?: string;
+  label?: string;
 };
 
 /**
  * Renders the empty state from github ticket #1463
  */
-const EmptyList = ({
-    heading,
-    label
-}: EmptyListProps) => {
+const EmptyList = ({ heading, label }: EmptyListProps) => {
   return (
     <div className="empty-list w-full items-center h-full align-center">
-        <div className="skeleton-list border-dashed border-neutral-800 rounded p-5 w-full border-[1px] grid gap-4 grid-cols-9 grid-rows-1 place-content-around mb-4">
-            <div className="bg-neutral-900 mr-5 h-3 col-span-5"></div>
-            <div className="bg-neutral-900 h-3 col-span-1"></div>
-        </div>
+      <div className="skeleton-list border-dashed border-neutral-800 rounded p-5 w-full border-[1px] grid gap-4 grid-cols-9 grid-rows-1 place-content-around mb-4">
+        <div className="bg-neutral-900 mr-5 h-3 col-span-5"></div>
+        <div className="bg-neutral-900 h-3 col-span-1"></div>
+      </div>
 
-        <div className="mt-4">
-            {heading ? <h1 className="font-alpha text-xl uppercase text-center leading-relaxed">{heading}</h1> : null}
-            {label ? <p className="font-alpha text-gray-500 text-center">{label}</p> : null}
-        </div>
+      <div className="mt-4">
+        {heading ? (
+          <h1 className="font-alpha text-xl uppercase text-center leading-relaxed">
+            {heading}
+          </h1>
+        ) : null}
+        {label ? (
+          <p className="font-alpha text-gray-500 text-center">{label}</p>
+        ) : null}
+      </div>
     </div>
   );
 };
diff --git a/apps/explorer/src/app/routes/blocks/id/block.tsx b/apps/explorer/src/app/routes/blocks/id/block.tsx
index 5ca6a9279..aa102a085 100644
--- a/apps/explorer/src/app/routes/blocks/id/block.tsx
+++ b/apps/explorer/src/app/routes/blocks/id/block.tsx
@@ -113,7 +113,12 @@ const Block = () => {
                   blockHeight={blockData.result.block.header.height}
                   txCount={blockData.result.block.data.txs.length}
                 />
-              ) : <EmptyList heading={t('This block is empty')} label={t('0 transactions')} />} 
+              ) : (
+                <EmptyList
+                  heading={t('This block is empty')}
+                  label={t('0 transactions')}
+                />
+              )}
             </>
           )}
         </>