mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-23 00:22:19 +01:00
feat: display internal message banners (#5079)
https://linear.app/unleash/issue/2-1511/adapt-internalmessagebanners-to-use-the-new-hooks-and-display-the Adapts the `InternalMessageBanners` component to use the new hook and display the internal message banners.
This commit is contained in:
parent
5456d1d985
commit
4a49cd5c74
@ -1,30 +1,14 @@
|
||||
import { MessageBanner } from 'component/messageBanners/MessageBanner/MessageBanner';
|
||||
import { useUiFlag } from 'hooks/useUiFlag';
|
||||
import { useMessageBanners } from 'hooks/api/getters/useMessageBanners/useMessageBanners';
|
||||
|
||||
export const InternalMessageBanners = () => {
|
||||
const internalMessageBanners = useUiFlag('internalMessageBanners');
|
||||
|
||||
if (!internalMessageBanners) return null;
|
||||
|
||||
// TODO: Implement. `messageBanners` should come from a `useMessageBanners()` hook.
|
||||
|
||||
const mockMessageBanners = [
|
||||
{
|
||||
message: 'Test 1',
|
||||
},
|
||||
{
|
||||
message: 'Test 2',
|
||||
},
|
||||
{
|
||||
message: 'Test 3',
|
||||
},
|
||||
];
|
||||
const { messageBanners } = useMessageBanners();
|
||||
|
||||
return (
|
||||
<>
|
||||
{mockMessageBanners.map((messageBanner) => (
|
||||
{messageBanners.map((messageBanner) => (
|
||||
<MessageBanner
|
||||
key={messageBanner.message}
|
||||
key={messageBanner.id}
|
||||
messageBanner={messageBanner}
|
||||
/>
|
||||
))}
|
||||
|
Loading…
Reference in New Issue
Block a user