Merge pull request #595 from threshold-network/update-take-note-list-…

…tBTC Update copy in the tBTC welcome modal Currently the modal displays obsolete data about the redemptions. We need to update the copy of this modal reflecting the new design.
threshold-network · Aug 17, 2023 · eed8645 · eed8645
2 parents c62bddd + 8cbe4eb
commit eed8645
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/Modal/tBTC/NewTBTCApp.tsx b/src/components/Modal/tBTC/NewTBTCApp.tsx
@@ -34,7 +34,7 @@ const NewTBTCAppBase: FC<BaseModalProps> = ({ closeModal }) => {
         <BodyLg mb="12" color="gray.500">
           Take note of the following before you proceed.
         </BodyLg>
-        <Flex justifyContent="center">
+        <Flex justifyContent="center" px="10">
           <TakeNoteList size="sm" />
         </Flex>
         <BodySm mt="4.5rem" px="4" textAlign="center" color="gray.500">

diff --git a/src/components/tBTC/TakeNoteList.tsx b/src/components/tBTC/TakeNoteList.tsx
@@ -40,7 +40,7 @@ export const TakeNoteList: FC<{ size?: "sm" | "md" }> = ({ size = "md" }) => {
               <Box as="span" color="brand.500">
                 ~ 1 to 3 hours
               </Box>{" "}
-              after you initiate minting.
+              after you initiate minting, depending on your deposited amount.
             </BodyComponent>
           </ListItemWithIcon>
         </List>
@@ -60,6 +60,17 @@ export const TakeNoteList: FC<{ size?: "sm" | "md" }> = ({ size = "md" }) => {
           </ListItemWithIcon>
         </List>
       </ListItem>
+      <ListItem>
+        <LabelComponent mb="2">Bridging back btc is LIVE</LabelComponent>
+        <List spacing="2">
+          <ListItemWithIcon>
+            <BodyComponent>
+              You can bridge your BTC back whenever you want. Redemptions are
+              now live.
+            </BodyComponent>
+          </ListItemWithIcon>
+        </List>
+      </ListItem>
     </List>
   )
 }