feat: wp

hirosystems · Oct 23, 2024 · d652cda · d652cda
1 parent a176d1b
commit d652cda
Showing 1 changed file with 29 additions and 24 deletions.
diff --git a/src/common/components/modals/Nakamoto.tsx b/src/common/components/modals/Nakamoto.tsx
@@ -1,14 +1,15 @@
+import { Icon } from '@/ui/Icon';
 import {
   ModalBody,
   ModalCloseButton,
   ModalContent,
   ModalFooter,
   ModalOverlay,
 } from '@chakra-ui/react';
+import { ArrowUpRight } from '@phosphor-icons/react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
 
-import { Badge } from '../../../ui/Badge';
 import { ButtonLink } from '../../../ui/ButtonLink';
 import { Flex } from '../../../ui/Flex';
 import { Image } from '../../../ui/Image';
@@ -17,10 +18,10 @@ import { Text } from '../../../ui/Text';
 import { TextLink } from '../../../ui/TextLink';
 
 export function NakamotoModal() {
-  const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(true);
 
   useEffect(() => {
-    const nakamotoModalShown = localStorage.getItem('nakamoto3TestnetModalShown');
+    const nakamotoModalShown = localStorage.getItem('nakamoto3MainnetModalShown');
     try {
       const dismissQueryParam = new URLSearchParams(window.location.search).get('dismiss');
       // to run performance testing without the modal
@@ -51,19 +52,6 @@ export function NakamotoModal() {
         />
         <ModalBody pt={'12'}>
           <Flex direction={'column'} alignItems={'center'} gap={'6'}>
-            <Badge
-              color={'purple.600'}
-              bg={'purple.100'}
-              px={'2'}
-              py={'1'}
-              fontSize={'xs'}
-              rounded={'full'}
-              border={'1px'}
-              borderColor={'purple.300'}
-              fontWeight={'medium'}
-            >
-              NAKAMOTO UPGRADE
-            </Badge>
             <Text fontSize={'4xl'} textAlign={'center'}>
               Nakamoto 3.0 is live on Stacks Mainnet
             </Text>
@@ -76,18 +64,35 @@ export function NakamotoModal() {
                 void queryClient.clear();
               }}
               _hover={{ textDecoration: 'none' }}
+              bg="accent.stacks-500"
             >
               Experience Fast Blocks and Bitcoin Finality
             </ButtonLink>
             <ModalFooter borderTop={'1px'} width={'full'} justifyContent={'center'}>
-              <TextLink
-                color={'purple.600'}
-                href={'https://stacks.org/core-developers-ship-release-candidate-2'}
-                fontSize={'sm'}
-                target={'_blank'}
-              >
-                Learn more about Nakamoto on Mainnet ↗
-              </TextLink>
+              <Flex gap={5}>
+                <Flex alignItems="center" gap={1}>
+                  <TextLink
+                    color="accent.stacks-500"
+                    href={'https://stacks.org/core-developers-ship-release-candidate-2'} // TODO: update link
+                    fontSize={'sm'}
+                    target={'_blank'}
+                  >
+                    Learn more about Nakamoto on Mainnet
+                  </TextLink>
+                  <Icon as={ArrowUpRight} size={3} color="accent.stacks-500" />
+                </Flex>
+                <Flex alignItems="center" gap={1}>
+                  <TextLink
+                    color="accent.stacks-500"
+                    href={'https://stacks.org/core-developers-ship-release-candidate-2'} // TODO: update link
+                    fontSize={'sm'}
+                    target={'_blank'}
+                  >
+                    Stacks Foundation Announcement
+                  </TextLink>
+                  <Icon as={ArrowUpRight} size={3} color="accent.stacks-500" />
+                </Flex>
+              </Flex>
             </ModalFooter>
           </Flex>
         </ModalBody>