From f4d9d4f0580814d8b584154e5544d104ff14862f Mon Sep 17 00:00:00 2001
From: kaito <80802871+kaitoo1@users.noreply.github.com>
Date: Fri, 5 Apr 2024 23:15:39 +0900
Subject: [PATCH] special copy for mchx notification on web (#2404)

---
 .../notifications/GalleryAnnouncement.tsx     | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

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 (
+      <GalleryLink href="https://apps.apple.com/app/gallery/id6447068892">
+        <StyledNotificationContent align="center" justify="space-between" gap={8}>
+          <HStack align="center" gap={8}>
+            <VStack>{imageUrl ? <StyledImage src={imageUrl} /> : <StyledDefaultImage />}</VStack>
+
+            <VStack>
+              <StyledTextWrapper align="center" as="span" wrap="wrap">
+                <BaseM>
+                  <strong>Gallery is now on the App Store</strong>
+                </BaseM>
+                <BaseM as="span">
+                  Download the app today to claim your free mint of Radiance by MCHX.
+                </BaseM>
+              </StyledTextWrapper>
+            </VStack>
+          </HStack>
+          <StyledButton
+            eventElementId="Cta link from gallery announcement"
+            eventName="Click cta link from gallery announcement"
+            eventContext={contexts.Notifications}
+            variant="primary"
+            onClick={handleClick}
+          >
+            Download
+          </StyledButton>
+        </StyledNotificationContent>
+      </GalleryLink>
+    );
+  }
   return (
     <StyledNotificationContent align="center" justify="space-between" gap={8}>
       <HStack align="center" gap={8}>