Stronger typings💪

src/components/QrCodeComponent.vue

@@ -5,7 +5,6 @@ import CustomModal from "@/components//CustomModal/CustomModal.vue";
 import SpinnerComponent from "@/components/SpinnerComponent.vue";
 import { createSolicitation, getSolicitation, type Offer } from "@/utils/bbPay";
 import { getSellerParticipantId } from "@/blockchain/wallet";
-import { hexToString } from "viem";
 import { getUnreleasedLockById } from "@/blockchain/events";
 import QRCode from "qrcode";
 
@@ -84,17 +83,17 @@ const startPolling = () => {
 onMounted(async () => {
   try {
     const { tokenAddress, sellerAddress, amount } = await getUnreleasedLockById(
-      props.lockID
+      BigInt(props.lockID)
     );
 
     const participantId = await getSellerParticipantId(
-      sellerAddress as `0x${string}`,
+      sellerAddress,
       tokenAddress
     );
 
     const offer: Offer = {
       amount,
-      sellerId: hexToString(participantId as `0x${string}`, { size: 32 }),
+      sellerId: participantId,
     };
 
     const response = await createSolicitation(offer);

src/components/SearchComponent.vue

@@ -90,6 +90,8 @@ const handleSelectedToken = (token: TokenEnum): void => {
 // Verify if there is a valid deposit to buy
 const verifyLiquidity = (): void => {
   enableConfirmButton.value = false;
+  if (!walletAddress.value)
+    return;
   const selDeposits = verifyNetworkLiquidity(
     tokenValue.value,
     walletAddress.value,

src/components/TopBar/TopBar.vue

@@ -57,6 +57,8 @@ watch(connectedChain, (newVal: any) => {
 });
 
 const formatWalletAddress = (): string => {
+  if (!walletAddress.value)
+    throw new Error("Wallet not connected");
   const walletAddressLength = walletAddress.value.length;
   const initialText = walletAddress.value.substring(0, 5);
   const finalText = walletAddress.value.substring(
@@ -67,7 +69,7 @@ const formatWalletAddress = (): string => {
 };
 
 const disconnectUser = async (): Promise<void> => {
-  user.setWalletAddress("");
+  user.setWalletAddress(null);
   await disconnectWallet({ label: connectedWallet.value?.label || "" });
   closeMenu();
 };