diff --git a/apps/web/src/components/Notifications/notifications/GalleryAnnouncement.tsx b/apps/web/src/components/Notifications/notifications/GalleryAnnouncement.tsx
index ececfedaf4..5c5444fc80 100644
--- a/apps/web/src/components/Notifications/notifications/GalleryAnnouncement.tsx
+++ b/apps/web/src/components/Notifications/notifications/GalleryAnnouncement.tsx
@@ -3,6 +3,7 @@ import { graphql, useFragment } from 'react-relay';
import styled from 'styled-components';
import { Button } from '~/components/core/Button/Button';
+import GalleryLink from '~/components/core/GalleryLink/GalleryLink';
import { HStack, VStack } from '~/components/core/Spacer/Stack';
import { BaseM } from '~/components/core/Text/Text';
import { GalleryAnnouncementFragment$key } from '~/generated/GalleryAnnouncementFragment.graphql';
@@ -24,12 +25,13 @@ export function GalleryAnnouncement({ notificationRef, onClose }: Props) {
ctaText
ctaLink
imageUrl
+ internalId
}
`,
notificationRef
);
- const { title, description, ctaText, ctaLink, imageUrl } = notification;
+ const { title, description, ctaText, ctaLink, imageUrl, internalId } = notification;
const handleClick = useCallback(() => {
if (!ctaLink) return;
@@ -37,6 +39,37 @@ export function GalleryAnnouncement({ notificationRef, onClose }: Props) {
onClose();
}, [ctaLink, onClose]);
+ if (internalId === 'apr-2024-mchx-collab') {
+ return (
+
+
+
+ {imageUrl ? : }
+
+
+
+
+ Gallery is now on the App Store
+
+
+ Download the app today to claim your free mint of Radiance by MCHX.
+
+
+
+
+
+ Download
+
+
+
+ );
+ }
return (