Merge branch 'hotfix/add-missing-expire-callback' into 'main'

src/components/Alert.tsx

@@ -10,6 +10,7 @@ type AlertProps = {
   message: string;
   alertType?: baseColorType;
   expireAfter?: number;
+  onExpire?: () => void;
 };
 
 /**
@@ -20,8 +21,9 @@ type AlertProps = {
  * @param message: string
  * @param alertType: "default" | "warning" | "positive" | "negative"
  * @param expireAfter: number
+ * @param onExpire: () => void
  */
-const Alert = ({ title, message, alertType = "primary", expireAfter }: AlertProps) => {
+const Alert = ({ title, message, alertType = "primary", expireAfter, onExpire }: AlertProps) => {
   const [hasExpired, setHasExpired] = useState(false);
   const [shouldRemoveElement, setShouldRemoveElement] = useState(false);
 
@@ -36,6 +38,7 @@ const Alert = ({ title, message, alertType = "primary", expireAfter }: AlertProp
       setHasExpired(true);
       setTimeout(() => {
         setShouldRemoveElement(true);
+        onExpire && onExpire();
       }, 1000);
     }, expireAfter);
   }

src/stories/Alert.stories.ts

@@ -26,5 +26,6 @@ export const Toast: StoryObj = {
     title: "I will fade away in 5 seconds",
     message: "Bye bye",
     expireAfter: 5000,
+    onExpire: () => console.log("Alert expired, do some state changes now"),
   }
 }
\ No newline at end of file