From c07abc0da7b1ce726af5d897794484eaba9451c4 Mon Sep 17 00:00:00 2001
From: Yashvardhan Jagnani <60016972+jagnani73@users.noreply.github.com>
Date: Thu, 18 Apr 2024 01:28:08 +0530
Subject: [PATCH] Yj feat/chromatic (#154)

---
 package.json                                               | 4 ++++
 src/components/Molecules/AccountCard/AccountCard.tsx       | 2 +-
 src/components/Molecules/CollectionCard/CollectionCard.tsx | 2 +-
 src/components/Molecules/GasCard/GasCard.tsx               | 2 +-
 src/components/ui/dialog.tsx                               | 2 +-
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 190a7fd8..75326677 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,10 @@
         "name": "covalenthq",
         "url": "https://covalenthq.com"
     },
+    "bugs": {
+        "url": "https://github.com/covalenthq/goldrush-kit/issues"
+    },
+    "homepage": "https://github.com/covalenthq/goldrush-kit#readme",
     "license": "Apache-2.0",
     "scripts": {
         "build:library": "vite build && npm run build:library-css",
diff --git a/src/components/Molecules/AccountCard/AccountCard.tsx b/src/components/Molecules/AccountCard/AccountCard.tsx
index 7d3f5b40..e3274670 100644
--- a/src/components/Molecules/AccountCard/AccountCard.tsx
+++ b/src/components/Molecules/AccountCard/AccountCard.tsx
@@ -76,7 +76,7 @@ export const AccountCard: React.FC<AccountCardProps> = ({
                             </div>
                         </DialogTrigger>
 
-                        <DialogContent className="flex aspect-square items-center justify-center rounded border-0 bg-background-light text-slate-900 dark:bg-background-dark dark:text-slate-50">
+                        <DialogContent className="flex aspect-square flex-col items-center justify-center rounded border-0 bg-background-light text-slate-900 dark:bg-background-dark dark:text-slate-50">
                             <DialogHeader>
                                 <p className="pb-4 text-center text-lg font-semibold text-slate-900 dark:text-slate-50">
                                     QR Code
diff --git a/src/components/Molecules/CollectionCard/CollectionCard.tsx b/src/components/Molecules/CollectionCard/CollectionCard.tsx
index 144abc94..a3c81634 100644
--- a/src/components/Molecules/CollectionCard/CollectionCard.tsx
+++ b/src/components/Molecules/CollectionCard/CollectionCard.tsx
@@ -107,7 +107,7 @@ export const CollectionCard: React.FC<CollectionCardProps> = ({
                                     </div>
                                 </DialogTrigger>
 
-                                <DialogContent className="flex aspect-square items-center justify-center rounded border-0 bg-background-light text-slate-900 dark:bg-background-dark dark:text-slate-50">
+                                <DialogContent className="flex aspect-square flex-col items-center justify-center rounded border-0 bg-background-light text-slate-900 dark:bg-background-dark dark:text-slate-50">
                                     <DialogHeader>
                                         <p className="pb-4 text-center text-lg font-semibold text-slate-900 dark:text-slate-50">
                                             QR Code
diff --git a/src/components/Molecules/GasCard/GasCard.tsx b/src/components/Molecules/GasCard/GasCard.tsx
index 59c09e58..325b88e9 100644
--- a/src/components/Molecules/GasCard/GasCard.tsx
+++ b/src/components/Molecules/GasCard/GasCard.tsx
@@ -57,7 +57,7 @@ export const GasCard: React.FC<GasCardProps> = ({ chain_name, event_type }) => {
                             None: () => <Skeleton size={GRK_SIZES.MEDIUM} />,
                             Some: (result) => {
                                 const baseFeeGwei = Math.round(
-                                    (parseInt(String(result.base_fee)) ?? 0) /
+                                    (parseInt(String(result?.base_fee)) ?? 0) /
                                         Math.pow(10, 9)
                                 );
                                 return <span> {baseFeeGwei}</span>;
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 13f0c116..c0c4a20e 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -35,7 +35,7 @@ const DialogContent = forwardRef<
         <DialogPrimitive.Content
             ref={ref}
             className={cn(
-                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background-light p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] dark:bg-background-dark sm:rounded-lg",
+                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background-light p-6 shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] dark:bg-background-dark sm:rounded-lg",
                 className
             )}
             {...props}