📦 Upgrade packages

apps/builder/components/dashboard/DashboardHeader.tsx

@@ -12,7 +12,6 @@ import {
   useDisclosure,
 } from '@chakra-ui/react'
 import { TypebotLogo } from 'assets/logos'
-import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
 import {
   ChevronLeftIcon,
   HardDriveIcon,
@@ -27,6 +26,7 @@ import { EmojiOrImageIcon } from 'components/shared/EmojiOrImageIcon'
 import { WorkspaceSettingsModal } from './WorkspaceSettingsModal'
 import { isNotDefined } from 'utils'
 import { PlanTag } from 'components/shared/PlanTag'
+import Link from 'next/link'
 
 export const DashboardHeader = () => {
   const { user } = useUser()
@@ -52,13 +52,9 @@ export const DashboardHeader = () => {
         maxW="1000px"
         flex="1"
       >
-        <NextChakraLink
-          className="w-24"
-          href="/typebots"
-          data-testid="typebot-logo"
-        >
+        <Link href="/typebots" data-testid="typebot-logo">
           <TypebotLogo w="30px" />
-        </NextChakraLink>
+        </Link>
         <HStack>
           {user && workspace && (
             <WorkspaceSettingsModal

apps/builder/components/dashboard/FolderContent/BackButton.tsx

@@ -1,7 +1,7 @@
 import { Button } from '@chakra-ui/react'
 import { ChevronLeftIcon } from 'assets/icons'
-import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
 import { useTypebotDnd } from 'contexts/TypebotDndContext'
+import Link from 'next/link'
 import React, { useMemo } from 'react'
 
 export const BackButton = ({ id }: { id: string | null }) => {
@@ -17,7 +17,7 @@ export const BackButton = ({ id }: { id: string | null }) => {
   const handleMouseLeave = () => setMouseOverFolderId(undefined)
   return (
     <Button
-      as={NextChakraLink}
+      as={Link}
       href={id ? `/typebots/folders/${id}` : '/typebots'}
       leftIcon={<ChevronLeftIcon />}
       variant={'outline'}

apps/builder/components/dashboard/WorkspaceSettingsModal/BillingContent/BillingContent.tsx

@@ -1,7 +1,7 @@
 import { HStack, Stack, Text } from '@chakra-ui/react'
 import { StripeClimateLogo } from 'assets/logos/StripeClimateLogo'
-import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
 import { ChangePlanForm } from 'components/shared/ChangePlanForm'
+import { TextLink } from 'components/shared/TextLink'
 import { useWorkspace } from 'contexts/WorkspaceContext'
 import { Plan } from 'db'
 import React from 'react'
@@ -33,13 +33,9 @@ export const BillingContent = () => {
           <Text fontSize="xs" color="gray.500">
             Typebot is contributing 1% of your subscription to remove CO₂ from
             the atmosphere.{' '}
-            <NextChakraLink
-              href="https://climate.stripe.com/5VCRAq"
-              isExternal
-              textDecor="underline"
-            >
+            <TextLink href="https://climate.stripe.com/5VCRAq" isExternal>
               More info.
-            </NextChakraLink>
+            </TextLink>
           </Text>
         </HStack>
         {workspace.plan !== Plan.CUSTOM &&

apps/builder/components/dashboard/WorkspaceSettingsModal/BillingContent/InvoicesList.tsx

@@ -14,8 +14,8 @@ import {
   Text,
 } from '@chakra-ui/react'
 import { DownloadIcon, FileIcon } from 'assets/icons'
-import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
 import { Workspace } from 'db'
+import Link from 'next/link'
 import React from 'react'
 import { useInvoicesQuery } from './queries/useInvoicesQuery'
 
@@ -54,12 +54,12 @@ export const InvoicesList = ({ workspace }: Props) => {
                   <Td>{getFormattedPrice(invoice.amount, invoice.currency)}</Td>
                   <Td>
                     <IconButton
-                      as={NextChakraLink}
+                      as={Link}
                       size="xs"
                       icon={<DownloadIcon />}
                       variant="outline"
                       href={invoice.url}
-                      isExternal
+                      target="_blank"
                       aria-label={'Download invoice'}
                     />
                   </Td>