Yj feat/chromatic (#154)

covalenthq · Apr 17, 2024 · c07abc0 · c07abc0
1 parent d8d5d12
commit c07abc0
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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}