Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
import React, { useEffect, useRef } from "react";
function ThumbUpThumbDownToast({ onDismissClick, onAnimationEnd }) {
const mozMessageBarRef = useRef(null);
useEffect(() => {
const { current: mozMessageBarElement } = mozMessageBarRef;
mozMessageBarElement.addEventListener(
"message-bar:user-dismissed",
onDismissClick,
{
once: true,
}
);
return () => {
mozMessageBarElement.removeEventListener(
"message-bar:user-dismissed",
onDismissClick
);
};
}, [onDismissClick]);
return (
<moz-message-bar
type="success"
class="notification-feed-item"
dismissable={true}
data-l10n-id="newtab-toast-thumbs-up-or-down2"
ref={mozMessageBarRef}
onAnimationEnd={onAnimationEnd}
></moz-message-bar>
);
}
export { ThumbUpThumbDownToast };