From 3eecf37a13db996c5f77a3e3434718145342659e Mon Sep 17 00:00:00 2001
From: Davit <davedabyeet@gmail.com>
Date: Thu, 11 Apr 2024 08:59:17 +0400
Subject: [PATCH] show error notification instead

---
 src/components/AddTask/components/Error.tsx | 22 +++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/AddTask/components/Error.tsx b/src/components/AddTask/components/Error.tsx
index 159be6aa..4b3a77ac 100644
--- a/src/components/AddTask/components/Error.tsx
+++ b/src/components/AddTask/components/Error.tsx
@@ -1,9 +1,27 @@
-import React, { FC } from 'react';
+import React, { FC, useEffect } from 'react';
+
+import { notification } from 'antd';
 
 interface Props {
   errMessage: string;
 }
 const Error: FC<Props> = ({ errMessage }) => {
-  return <div>{errMessage}</div>;
+  const [api, contextHolder] = notification.useNotification({ maxCount: 1 });
+
+  const showError = (errorMessage: string) => {
+    api['error']({
+      message: 'There was a problem running a task.',
+      description: errorMessage,
+      placement: 'top',
+      duration: 0,
+      style: { width: '500px' },
+    });
+  };
+
+  useEffect(() => {
+    if (errMessage) showError(errMessage);
+  }, [errMessage]);
+
+  return <>{contextHolder}</>;
 };
 export default Error;