diff --git a/package.json b/package.json index 1f66723bcc0a2b4538b863f982f71791c98cfa80..4730416f6b413a2aca0d16e38108e15fe1c28a5d 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "react-draft-wysiwyg": "^1.15.0", "react-router-dom": "^5.2.0", "react-scripts": "^5.0.1", - "react-toastify": "^7.0.4", + "react-toastify": "^9.0.0", "sass": "^1.35.2", "typescript": "^4.1.2", "web-vitals": "^1.0.1" diff --git a/src/App.tsx b/src/App.tsx index 75c23b356dc176087fb1e1406470926606725bd8..292c788dcbd7aab69db78f6445a45926af6b453a 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -16,10 +16,7 @@ function App() { <Router /> </Layout> </UserContext.Provider> - <ToastContainer - progressClassName="toastProgress" - bodyClassName="toastBody" - /> + <ToastContainer theme="colored" /> </BrowserRouter> ) } diff --git a/src/styles/_toast.scss b/src/styles/_toast.scss deleted file mode 100644 index 9654eb81c1c93cc26ff6a5ffcab83c7a0f1e0d00..0000000000000000000000000000000000000000 --- a/src/styles/_toast.scss +++ /dev/null @@ -1,25 +0,0 @@ -@import 'config/colors'; - -.Toastify__toast { - background: #fafafa !important; -} -.Toastify__toast--success { - .toastBody { - color: #73a839; - } - .toastProgress { - background: #73a839 !important; - } -} - -.Toastify__toast--error { - .toastBody { - color: #c71c22; - } - .toastProgress { - background: #c71c22 !important; - } -} -.toastBody { - font-size: 1rem !important; -} diff --git a/src/styles/index.scss b/src/styles/index.scss index 722b9ca974212378cf9ae5ed2bf7eb3bdb79f0ad..d847b57488a78145c8da1b58cba349fbd5cbdf15 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -2,7 +2,6 @@ @import 'config/colors'; @import 'config/typography'; @import 'config/layout'; -@import 'toast'; * { margin: 0; diff --git a/yarn.lock b/yarn.lock index 14019fc088fb0c713124d2877efced95ba8746fb..50dd6919070515fdc76d57d72400de8a23e5042f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8186,10 +8186,10 @@ react-scripts@^5.0.1: optionalDependencies: fsevents "^2.3.2" -react-toastify@^7.0.4: - version "7.0.4" - resolved "https://registry.yarnpkg.com/react-toastify/-/react-toastify-7.0.4.tgz#7d0b743f2b96f65754264ca6eae31911a82378db" - integrity sha512-Rol7+Cn39hZp5hQ/k6CbMNE2CKYV9E5OQdC/hBLtIQU2xz7DdAm7xil4NITQTHR6zEbE5RVFbpgSwTD7xRGLeQ== +react-toastify@^9.0.0: + version "9.1.3" + resolved "https://registry.yarnpkg.com/react-toastify/-/react-toastify-9.1.3.tgz#1e798d260d606f50e0fab5ee31daaae1d628c5ff" + integrity sha512-fPfb8ghtn/XMxw3LkxQBk3IyagNpF/LIKjOBflbexr2AWxAH1MJgvnESwEwBn9liLFXgTKWgBSdZpw9m4OTHTg== dependencies: clsx "^1.1.1"