diff --git a/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx b/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx
index 882a47da..c3332916 100644
--- a/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx
+++ b/apps/web/src/app/(routes)/bridge/_components/TransferEthereumNftsAction.tsx
@@ -1,5 +1,11 @@
import clsx from "clsx";
-import { Button, GasIcon, Notification, Typography } from "design-system";
+import {
+ Button,
+ ClockIcon,
+ GasIcon,
+ Notification,
+ Typography,
+} from "design-system";
import useEthereumCollectionApproval from "../_hooks/useEthereumCollectionApproval";
import useEthereumNftDeposit from "../_hooks/useEthereumNftDeposit";
@@ -103,13 +109,23 @@ function TransferNfts() {
return (
<>
{totalSelectedNfts > 0 && (
- }
- variant="mantis_green"
- >
- ArkProject will refund gas costs in Stark!
-
+ <>
+ }
+ variant="space_blue"
+ >
+ Important note: You will have to wait about 4 hours before
+ you can claim your assets on ethereum.
+
+ }
+ variant="mantis_green"
+ >
+ ArkProject will refund gas costs in Stark!
+
+ >
)}
;
+
return isApprovedForAll || totalSelectedNfts === 0 ? (
) : (
diff --git a/apps/web/src/app/(routes)/lounge/_hooks/useL1Withdraw.ts b/apps/web/src/app/(routes)/lounge/_hooks/useL1Withdraw.ts
index eea3178e..354aad53 100644
--- a/apps/web/src/app/(routes)/lounge/_hooks/useL1Withdraw.ts
+++ b/apps/web/src/app/(routes)/lounge/_hooks/useL1Withdraw.ts
@@ -12,10 +12,16 @@ export default function useL1Withdraw({ onSuccess }: UseL1WithdrawProps) {
writeContract: writeContractWithdraw,
} = useWriteContract({ mutation: { onSuccess } });
- const { isLoading: isWithdrawLoading, isSuccess: isWithdrawSuccess } =
- useWaitForTransactionReceipt({
- hash: withdrawHash,
- });
+ const {
+ error,
+ isError,
+ isLoading: isWithdrawLoading,
+ isSuccess: isWithdrawSuccess,
+ } = useWaitForTransactionReceipt({
+ hash: withdrawHash,
+ });
+ console.log(error);
+ console.log(isError);
function withdraw(requestContent: Array) {
writeContractWithdraw({
diff --git a/packages/design-system/src/components/Notification.tsx b/packages/design-system/src/components/Notification.tsx
index 36c6456d..19b18372 100644
--- a/packages/design-system/src/components/Notification.tsx
+++ b/packages/design-system/src/components/Notification.tsx
@@ -6,6 +6,8 @@ const variants = {
"bg-mantis-green-100 dark:bg-mantis-green-300 dark:text-mantis-green-900 text-mantis-green-800",
playground_purple:
"bg-playground-purple-100 text-playground-purple-800 dark:bg-playground-purple-300 dark:text-playground-purple-900",
+ space_blue:
+ "bg-space-blue-100 text-space-blue-800 dark:bg-space-blue-300 dark:text-space-blue-900",
};
interface NotificationsProps {
@@ -26,10 +28,10 @@ export function Notification({
className={clsx(
className,
variants[variant],
- "p-3 rounded-xl gap-2.5 flex items-center",
+ "p-3 rounded-xl gap-2.5 flex items-start",
)}
>
- {icon}
+ {icon}
{children}
diff --git a/packages/design-system/src/icons/ArrowIcon.tsx b/packages/design-system/src/icons/ArrowIcon.tsx
index fa5b0587..bc9f9a57 100644
--- a/packages/design-system/src/icons/ArrowIcon.tsx
+++ b/packages/design-system/src/icons/ArrowIcon.tsx
@@ -9,7 +9,6 @@ export function ArrowIcon({ className }: ArrowIconProps) {
height="24"
viewBox="0 0 24 24"
fill="none"
- xmlns="http://www.w3.org/2000/svg"
className={className}
>