From c8726eba73eaeb8ea79aaaafbc17b7e04decf40a Mon Sep 17 00:00:00 2001 From: sam Date: Wed, 26 Feb 2025 17:36:30 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20react=20toast?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.tsx | 3 +++ package-lock.json | 52 +++++++++++++++++++++++++++++++++++++++++------ package.json | 1 + 3 files changed, 50 insertions(+), 6 deletions(-) diff --git a/App.tsx b/App.tsx index c77b676..aa626fc 100644 --- a/App.tsx +++ b/App.tsx @@ -5,6 +5,8 @@ import { IRootState } from '@/store'; import { toggleRTL, toggleTheme, toggleMenu, toggleLayout, toggleAnimation, toggleNavbar, toggleSemidark } from '@/store/themeConfigSlice'; import Loading from '@/components/layouts/loading'; import { getTranslation } from '@/i18n'; +import { Toaster } from 'react-hot-toast'; + function App({ children }: PropsWithChildren) { const themeConfig = useSelector((state: IRootState) => state.themeConfig); @@ -33,6 +35,7 @@ function App({ children }: PropsWithChildren) { } main-section relative font-nunito text-sm font-normal antialiased`} > {isLoading ? : children} + ); } diff --git a/package-lock.json b/package-lock.json index 2069e83..5d8497b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -30,6 +30,7 @@ "react-animate-height": "^3.1.0", "react-apexcharts": "^1.7.0", "react-dom": "18.2.0", + "react-hot-toast": "^2.5.2", "react-i18next": "^12.1.5", "react-perfect-scrollbar": "^1.5.8", "react-popper": "^2.3.0", @@ -1612,9 +1613,9 @@ } }, "node_modules/csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" }, "node_modules/damerau-levenshtein": { "version": "1.0.8", @@ -2806,6 +2807,14 @@ "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz", "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==" }, + "node_modules/goober": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz", + "integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==", + "peerDependencies": { + "csstype": "^3.0.10" + } + }, "node_modules/gopd": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", @@ -4527,6 +4536,22 @@ "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" }, + "node_modules/react-hot-toast": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz", + "integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==", + "dependencies": { + "csstype": "^3.1.3", + "goober": "^2.1.16" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">=16", + "react-dom": ">=16" + } + }, "node_modules/react-i18next": { "version": "12.1.5", "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz", @@ -6736,9 +6761,9 @@ "dev": true }, "csstype": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz", - "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==" + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" }, "damerau-levenshtein": { "version": "1.0.8", @@ -7616,6 +7641,12 @@ "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz", "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==" }, + "goober": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz", + "integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==", + "requires": {} + }, "gopd": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", @@ -8776,6 +8807,15 @@ "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" }, + "react-hot-toast": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz", + "integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==", + "requires": { + "csstype": "^3.1.3", + "goober": "^2.1.16" + } + }, "react-i18next": { "version": "12.1.5", "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-12.1.5.tgz", diff --git a/package.json b/package.json index ce015eb..e5d3d8c 100644 --- a/package.json +++ b/package.json @@ -31,6 +31,7 @@ "react-animate-height": "^3.1.0", "react-apexcharts": "^1.7.0", "react-dom": "18.2.0", + "react-hot-toast": "^2.5.2", "react-i18next": "^12.1.5", "react-perfect-scrollbar": "^1.5.8", "react-popper": "^2.3.0",