chore: added the padding on listing, sales, transfer table and update…

client/hooks/useSRC20Form.ts

@@ -7,6 +7,7 @@ import { fetchBTCPriceInUSD } from "$lib/utils/balanceUtils.ts";
 import { Config } from "$globals";
 import { logger } from "$lib/utils/logger.ts";
 import { debounce } from "$lib/utils/debounce.ts";
+import { showNotification } from "$lib/utils/notificationUtils.ts";
 interface PSBTFees {
   estMinerFee: number;
   totalDustValue: number;
@@ -503,10 +504,11 @@ export function useSRC20Form(
         );
 
         if (walletResult.signed) {
-          setSubmissionMessage({
-            message: "Transaction broadcasted successfully.",
-            txid: walletResult.txid,
-          });
+          showNotification(
+            "Transaction Successfully.",
+            walletResult.txid,
+            "success",
+          );
         } else if (walletResult.cancelled) {
           setSubmissionMessage({
             message: "Transaction signing cancelled by user.",
@@ -599,15 +601,10 @@ export function useSRC20Form(
         error: error instanceof Error ? error.message : String(error),
         details: error,
       });
-
-      if (error instanceof Error) {
-        const apiError = (error as any).response?.data?.error;
-        setApiError(
-          apiError || error.message || "An unexpected error occurred",
-        );
-      } else {
-        setApiError("An unexpected error occurred");
-      }
+      const apiError = (error as any).response?.data?.error;
+      setApiError(
+        apiError || error.message || "An unexpected error occurred",
+      );
     } finally {
       setIsSubmitting(false);
     }

components/shared/fee/FeeCalculatorBase.tsx

@@ -224,11 +224,11 @@ export function FeeCalculatorBase({
 
         {/* Sats Per Byte */}
         <p className={detailsText}>
-          <span className={detailsTitle}>SATS PER BYTE</span> {/* {fee} */}
+          <span className={detailsTitle}>SATS PER BYTE</span> {fee}
         </p>
 
         {/* Miner Fee */}
-        {feeDetails?.minerFee && (
+        {!!feeDetails?.minerFee && (
           <p className={detailsText}>
             <span className={detailsTitle}>MINER FEE</span> {coinType === "BTC"
               ? formatSatoshisToBTC(feeDetails.minerFee, {
@@ -263,7 +263,7 @@ export function FeeCalculatorBase({
         )}
 
         {/* Dust Value */}
-        {feeDetails?.dustValue && feeDetails.dustValue > 0 && (
+        {!!feeDetails?.dustValue && (
           <p className={detailsText}>
             <span className={detailsTitle}>DUST</span> {coinType === "BTC"
               ? formatSatoshisToBTC(feeDetails.dustValue, {
@@ -275,7 +275,7 @@ export function FeeCalculatorBase({
         )}
 
         {/* Total */}
-        {feeDetails?.totalValue && (
+        {!!feeDetails?.totalValue && (
           <p className={detailsText}>
             <span className={detailsTitle}>TOTAL</span> {coinType === "BTC"
               ? formatSatoshisToBTC(feeDetails.totalValue, {

components/stampDetails/StampListingsAll.tsx

@@ -61,6 +61,7 @@ export function StampListingsAll({ dispensers }: StampListingsAllProps) {
                   {header}
                 </th>
               ))}
+              <th class="min-w-3 min-[660px]:hidden block" />
             </tr>
           </thead>
         )}

components/stampDetails/StampSales.tsx

@@ -47,6 +47,7 @@ export function StampSales({ dispenses }: StampSalesProps) {
                   {header}
                 </th>
               ))}
+              <th class="min-w-3 min-[660px]:hidden block" />
             </tr>
           </thead>
         )}

components/stampDetails/StampTransfers.tsx

@@ -43,6 +43,7 @@ export function StampTransfers({ sends }: StampTransfersProps) {
                   {header}
                 </th>
               ))}
+              <th class="min-w-3 min-[660px]:hidden block" />
             </tr>
           </thead>
         )}

components/tokenDetails/TokenMints.tsx

@@ -35,6 +35,7 @@ export function TokenMints({ mints }: TokenMintsProps) {
                   {header}
                 </th>
               ))}
+              <th class="min-w-3 min-[660px]:hidden block" />
             </tr>
           </thead>
         )}

components/tokenDetails/TokenTransfers.tsx

@@ -36,6 +36,7 @@ export function TokenTransfers({ sends }: TokenTransfersProps) {
                     {header}
                   </th>
                 ))}
+                <th class="min-w-3 min-[660px]:hidden block" />
               </tr>
             </thead>
           )}

deno.json

@@ -109,6 +109,7 @@
     "redis": "https://deno.land/x/redis@v0.32.4/mod.ts",
     "swiper/": "https://esm.sh/swiper@11.1.14/",
     "swiper": "https://esm.sh/swiper@11.1.14",
+    "sweetalert2": "https://esm.sh/sweetalert2@11.15.10",
     "tailwindcss": "npm:tailwindcss@3.4.1",
     "tailwindcss/": "npm:tailwindcss@3.4.1/",
     "tailwindcss/plugin": "npm:tailwindcss@3.4.1/plugin.js",

islands/shared/Tables.tsx

@@ -28,7 +28,7 @@ export default function Table({
 }: TableProps) {
   const [selectedTab, setSelectedTab] = useState<string>(configs[0].id);
   const [tabData, setTabData] = useState<TabData>({});
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
   const [page, setPage] = useState(1);
   const [hasMore, setHasMore] = useState(true);
   const [totalCounts, setTotalCounts] = useState(initialCounts);
@@ -51,7 +51,6 @@ export default function Table({
     tabId: string,
     isTabChange = false,
   ) => {
-    if (isLoading) return;
     if (!isTabChange && !hasMore) return;
 
     setIsLoading(true);

islands/stamping/src20/deploy/DeployContent.tsx

@@ -127,7 +127,8 @@ export function DeployContent(
         });
 
         setFileUploadError(
-          `File upload failed: ${errorMessage}. The deployment will continue without the background image.`,
+          // `File upload failed: ${errorMessage}. The deployment will continue without the background image.`,
+          `File upload failed: The deployment will continue without the background image.`,
         );
       }
     };

islands/stamping/stamp/OlgaContent.tsx

@@ -194,6 +194,9 @@ function extractErrorMessage(error: unknown): string {
         path: "error.message",
         value: err.response?.data?.error,
       });
+      if (err.response?.data?.error?.includes("Insufficient funds")) {
+        return "Insufficient funds to cover outputs and fees";
+      }
       return err.response?.data?.error;
     }
 

lib/utils/apiResponseUtil.ts

@@ -231,7 +231,7 @@ export class ApiResponseUtil {
 
   static internalError(
     error: unknown,
-    message = "Internal server error",
+    message: string = "Internal server error",
     options: ApiResponseOptions = {},
   ): Response {
     console.error("Internal Error:", error);

lib/utils/notificationUtils.ts

@@ -0,0 +1,18 @@
+import Swal from "sweetalert2";
+
+const ButtonClassNames =
+  "inline-flex items-center justify-center border-2 border-solid border-stamp-purple rounded-md text-sm mobileLg:text-base font-extrabold text-stamp-purple tracking-[0.05em] h-[42px] mobileLg:h-[48px] px-4 mobileLg:px-5 hover:border-stamp-purple-highlight hover:text-stamp-purple-highlight transition-colors";
+
+export function showNotification(title: string, text: string, icon: string) {
+  Swal.fire({
+    title: title || "Notification",
+    text: text || "",
+    icon: icon || "info",
+    background:
+      "linear-gradient(to bottom right,#1f002e00,#14001f7f,#1f002e),#000",
+    confirmButtonText: "O K",
+    customClass: {
+      confirmButton: ButtonClassNames,
+    },
+  });
+}

routes/api/v2/src20/create.ts

@@ -128,7 +128,7 @@ export const handler: Handlers<TX | TXError> = {
         message: "Error processing request",
         error: error instanceof Error ? error.message : String(error),
       });
-      return ApiResponseUtil.internalError(error);
+      return ApiResponseUtil.internalError(error, error as string);
     }
   },
 };