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 { MessageBanner } from 'component/messageBanners/MessageBanner/MessageBanner';
|
||||||
import { useUiFlag } from 'hooks/useUiFlag';
|
import { useMessageBanners } from 'hooks/api/getters/useMessageBanners/useMessageBanners';
|
||||||
|
|
||||||
export const InternalMessageBanners = () => {
|
export const InternalMessageBanners = () => {
|
||||||
const internalMessageBanners = useUiFlag('internalMessageBanners');
|
const { messageBanners } = useMessageBanners();
|
||||||
|
|
||||||
if (!internalMessageBanners) return null;
|
|
||||||
|
|
||||||
// TODO: Implement. `messageBanners` should come from a `useMessageBanners()` hook.
|
|
||||||
|
|
||||||
const mockMessageBanners = [
|
|
||||||
{
|
|
||||||
message: 'Test 1',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
message: 'Test 2',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
message: 'Test 3',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{mockMessageBanners.map((messageBanner) => (
|
{messageBanners.map((messageBanner) => (
|
||||||
<MessageBanner
|
<MessageBanner
|
||||||
key={messageBanner.message}
|
key={messageBanner.id}
|
||||||
messageBanner={messageBanner}
|
messageBanner={messageBanner}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
|
Loading…
Reference in New Issue
Block a user