{
@@ -83,12 +82,12 @@ export function UnstakeTimelockedObjectsView({
},
{
onSuccess: (tx) => {
- addNotification('Unstake transaction has been sent');
+ toast.success('Unstake transaction has been sent');
onSuccess(tx);
},
},
).catch(() => {
- addNotification('Unstake transaction was not sent', NotificationType.Error);
+ toast.error('Unstake transaction was not sent');
});
}
diff --git a/apps/wallet-dashboard/components/Dialogs/unstake/views/UnstakeView.tsx b/apps/wallet-dashboard/components/Dialogs/unstake/views/UnstakeView.tsx
index 5d07eadcec3..81cad4d6ed6 100644
--- a/apps/wallet-dashboard/components/Dialogs/unstake/views/UnstakeView.tsx
+++ b/apps/wallet-dashboard/components/Dialogs/unstake/views/UnstakeView.tsx
@@ -24,9 +24,9 @@ import { Warning } from '@iota/ui-icons';
import { StakeRewardsPanel, ValidatorStakingData } from '@/components';
import { DialogLayout, DialogLayoutFooter, DialogLayoutBody } from '../../layout';
import { Validator } from '../../Staking/views/Validator';
-import { useNewUnstakeTransaction, useNotifications } from '@/hooks';
+import { useNewUnstakeTransaction } from '@/hooks';
import { IotaSignAndExecuteTransactionOutput } from '@iota/wallet-standard';
-import { NotificationType } from '@/stores/notificationStore';
+import toast from 'react-hot-toast';
interface UnstakeDialogProps {
extendedStake: ExtendedDelegatedStake;
@@ -44,7 +44,6 @@ export function UnstakeView({
showActiveStatus,
}: UnstakeDialogProps): JSX.Element {
const activeAddress = useCurrentAccount()?.address ?? '';
- const { addNotification } = useNotifications();
const { data: unstakeData, isPending: isUnstakeTxPending } = useNewUnstakeTransaction(
activeAddress,
extendedStake.stakedIotaId,
@@ -81,12 +80,12 @@ export function UnstakeView({
},
{
onSuccess: (tx) => {
- addNotification('Unstake transaction has been sent');
+ toast.success('Unstake transaction has been sent');
onSuccess(tx);
},
},
).catch(() => {
- addNotification('Unstake transaction was not sent', NotificationType.Error);
+ toast.error('Unstake transaction was not sent');
});
}
diff --git a/apps/wallet-dashboard/components/Notifications/Notifications.tsx b/apps/wallet-dashboard/components/Notifications/Notifications.tsx
deleted file mode 100644
index 77493b164d9..00000000000
--- a/apps/wallet-dashboard/components/Notifications/Notifications.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-// Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-'use client';
-
-import { useEffect, useState } from 'react';
-
-import {
- NotificationData,
- NotificationType,
- useNotificationStore,
-} from '@/stores/notificationStore';
-
-const ALERT_FADE_OUT_DURATION = 700;
-
-const NOTIFICATION_TYPE_TO_COLOR = {
- [NotificationType.Info]: 'bg-blue-500',
- [NotificationType.Success]: 'bg-green-500',
- [NotificationType.Error]: 'bg-red-500',
- [NotificationType.Warning]: 'bg-yellow-500',
-};
-
-function Notification(props: { notification: NotificationData }): JSX.Element {
- const clearNotification = useNotificationStore((state) => state.clearNotification);
- const [transition, setTransition] = useState('opacity-100');
-
- const { notification } = props;
-
- const bgColor = NOTIFICATION_TYPE_TO_COLOR[notification.type];
-
- useEffect(() => {
- const fadeOutputTimeout = setTimeout(() => {
- setTransition('opacity-0');
- }, notification.duration - ALERT_FADE_OUT_DURATION);
-
- const removeTimeout = setTimeout(() => {
- clearNotification(notification.index);
- }, notification.duration);
-
- return () => {
- clearTimeout(fadeOutputTimeout);
- clearTimeout(removeTimeout);
- };
- }, [notification, clearNotification]);
-
- return (
-
- {notification.message}
-
- );
-}
-
-export default function Notifications(): JSX.Element {
- const notifications = useNotificationStore((state) => state.notifications);
- return (
-
- {notifications.map((notification) => (
-
- ))}
-
- );
-}
diff --git a/apps/wallet-dashboard/components/index.ts b/apps/wallet-dashboard/components/index.ts
index fcccf7b3a95..a20f84675b6 100644
--- a/apps/wallet-dashboard/components/index.ts
+++ b/apps/wallet-dashboard/components/index.ts
@@ -2,7 +2,6 @@
// SPDX-License-Identifier: Apache-2.0
export { default as RouteLink } from './RouteLink';
-export { default as Notifications } from './Notifications/Notifications';
export { default as Box } from './Box';
export { default as AmountBox } from './AmountBox';
export { default as Input } from './Input';
diff --git a/apps/wallet-dashboard/hooks/index.ts b/apps/wallet-dashboard/hooks/index.ts
index 5ad872afeed..b88ba9388b2 100644
--- a/apps/wallet-dashboard/hooks/index.ts
+++ b/apps/wallet-dashboard/hooks/index.ts
@@ -3,7 +3,6 @@
export * from './useNewUnstakeTransaction';
export * from './useNewStakeTransaction';
-export * from './useNotifications';
export * from './useSendCoinTransaction';
export * from './useCreateSendAssetTransaction';
export * from './useGetCurrentEpochStartTimestamp';
diff --git a/apps/wallet-dashboard/hooks/useNotifications.ts b/apps/wallet-dashboard/hooks/useNotifications.ts
deleted file mode 100644
index c5ec455b886..00000000000
--- a/apps/wallet-dashboard/hooks/useNotifications.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { useNotificationStore } from '@/stores/notificationStore';
-
-export function useNotifications() {
- const addNotification = useNotificationStore((state) => state.addNotification);
- return { addNotification };
-}
diff --git a/apps/wallet-dashboard/stores/notificationStore.ts b/apps/wallet-dashboard/stores/notificationStore.ts
deleted file mode 100644
index 08f48e32d1e..00000000000
--- a/apps/wallet-dashboard/stores/notificationStore.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-// Copyright (c) 2024 IOTA Stiftung
-// SPDX-License-Identifier: Apache-2.0
-
-import { indexGenerator } from '@/lib/utils';
-import { create } from 'zustand';
-
-const indexGen = indexGenerator(200);
-
-export enum NotificationType {
- Success = 'success',
- Error = 'error',
- Warning = 'warning',
- Info = 'info',
-}
-
-export type NotificationData = {
- index: number;
- message: string;
- type: NotificationType;
- duration: number;
-};
-
-interface NotificationsState {
- notifications: NotificationData[];
- addNotification: (message: string, type?: NotificationType, duration?: number) => void;
- clearNotification: (index: number) => void;
-}
-
-export const useNotificationStore = create()((set) => ({
- notifications: [],
- addNotification: (
- message: string,
- type: NotificationType = NotificationType.Success,
- duration: number = 3000,
- ) =>
- set((state) => {
- const index = indexGen.next().value;
-
- const newNotification: NotificationData = {
- index,
- message,
- type,
- duration,
- };
-
- return {
- notifications: [...state.notifications, newNotification],
- };
- }),
- clearNotification: (index: number) =>
- set((state) => {
- return {
- notifications: [
- ...state.notifications.filter((notification) => notification.index !== index),
- ],
- };
- }),
-}));