From 688c4a0071fde8cb60e1575c2c74498abb9c639e Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Tue, 16 Feb 2021 09:39:46 +0100
Subject: [PATCH] use patternfly timout instead of own impl (#361)

---
 src/components/alert/AlertPanel.tsx |  1 +
 src/components/alert/Alerts.tsx     | 22 +---------------------
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/components/alert/AlertPanel.tsx b/src/components/alert/AlertPanel.tsx
index 64b12164a0..b84fa95331 100644
--- a/src/components/alert/AlertPanel.tsx
+++ b/src/components/alert/AlertPanel.tsx
@@ -24,6 +24,7 @@ export function AlertPanel({ alerts, onCloseAlert }: AlertPanelProps) {
         <Alert
           key={key}
           isLiveRegion
+          timeout={true}
           variant={AlertVariant[variant]}
           variantLabel=""
           title={message}
diff --git a/src/components/alert/Alerts.tsx b/src/components/alert/Alerts.tsx
index de2fc04031..956b363492 100644
--- a/src/components/alert/Alerts.tsx
+++ b/src/components/alert/Alerts.tsx
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  createContext,
-  ReactNode,
-  useContext,
-  useEffect,
-} from "react";
+import React, { useState, createContext, ReactNode, useContext } from "react";
 import { AlertType, AlertPanel } from "./AlertPanel";
 import { AlertVariant } from "@patternfly/react-core";
 
@@ -25,25 +19,11 @@ type TimeOut = {
 
 export const AlertProvider = ({ children }: { children: ReactNode }) => {
   const [alerts, setAlerts] = useState<AlertType[]>([]);
-  const [timers, setTimers] = useState<TimeOut[]>([]);
-
-  useEffect(() => {
-    const timersKeys = timers.map((timer) => timer.key);
-    const timeOuts = alerts
-      .filter((alert) => !timersKeys.includes(alert.key))
-      .map((alert) => {
-        const timeOut = setTimeout(() => hideAlert(alert.key), 8000);
-        return { key: alert.key, timeOut };
-      });
-    setTimers([...timers, ...timeOuts]);
-    return () => timers.forEach((timer) => clearTimeout(timer.timeOut));
-  }, [alerts]);
 
   const createId = () => new Date().getTime();
 
   const hideAlert = (key: number) => {
     setAlerts((alerts) => [...alerts.filter((el) => el.key !== key)]);
-    setTimers((timers) => [...timers.filter((timer) => timer.key === key)]);
   };
 
   const addAlert = (