feat(editor): ✨ Team workspaces

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

@@ -2,18 +2,18 @@ import { Button, HStack, Tag, useDisclosure, Text } from '@chakra-ui/react'
 import { FolderPlusIcon } from 'assets/icons'
 import { UpgradeModal } from 'components/shared/modals/UpgradeModal'
 import { LimitReached } from 'components/shared/modals/UpgradeModal/UpgradeModal'
-import { useUser } from 'contexts/UserContext'
+import { useWorkspace } from 'contexts/WorkspaceContext'
 import React from 'react'
-import { isFreePlan } from 'services/user'
+import { isFreePlan } from 'services/workspace'
 
 type Props = { isLoading: boolean; onClick: () => void }
 
 export const CreateFolderButton = ({ isLoading, onClick }: Props) => {
-  const { user } = useUser()
+  const { workspace } = useWorkspace()
   const { isOpen, onOpen, onClose } = useDisclosure()
 
   const handleClick = () => {
-    if (isFreePlan(user)) return onOpen()
+    if (isFreePlan(workspace)) return onOpen()
     onClick()
   }
   return (
@@ -24,7 +24,7 @@ export const CreateFolderButton = ({ isLoading, onClick }: Props) => {
     >
       <HStack>
         <Text>Create a folder</Text>
-        {isFreePlan(user) && <Tag colorScheme="orange">Pro</Tag>}
+        {isFreePlan(workspace) && <Tag colorScheme="orange">Pro</Tag>}
       </HStack>
       <UpgradeModal
         isOpen={isOpen}

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

@@ -1,40 +0,0 @@
-import React from 'react'
-import { Button, Flex, Text, VStack, WrapItem } from '@chakra-ui/react'
-import { useRouter } from 'next/router'
-import { UsersIcon } from 'assets/icons'
-
-export const SharedTypebotsButton = () => {
-  const router = useRouter()
-
-  const handleTypebotClick = () => router.push(`/typebots/shared`)
-
-  return (
-    <Button
-      as={WrapItem}
-      onClick={handleTypebotClick}
-      display="flex"
-      flexDir="column"
-      variant="outline"
-      color="gray.800"
-      w="225px"
-      h="270px"
-      mr={{ sm: 6 }}
-      mb={6}
-      rounded="lg"
-      whiteSpace="normal"
-      cursor="pointer"
-    >
-      <VStack spacing="4">
-        <Flex
-          boxSize="45px"
-          rounded="full"
-          justifyContent="center"
-          alignItems="center"
-        >
-          <UsersIcon fontSize="50" color="orange.300" />
-        </Flex>
-        <Text>Shared with me</Text>
-      </VStack>
-    </Button>
-  )
-}

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

@@ -20,7 +20,7 @@ import { deleteTypebot, importTypebot, getTypebot } from 'services/typebots'
 import { Typebot } from 'models'
 import { useTypebotDnd } from 'contexts/TypebotDndContext'
 import { useDebounce } from 'use-debounce'
-import { TypebotIcon } from 'components/shared/TypebotHeader/TypebotIcon'
+import { EmojiOrImageIcon } from 'components/shared/EmojiOrImageIcon'
 import { useUser } from 'contexts/UserContext'
 import { Plan } from 'db'
 
@@ -157,7 +157,7 @@ export const TypebotButton = ({
           alignItems="center"
           fontSize={'4xl'}
         >
-          {<TypebotIcon icon={typebot.icon} boxSize={'35px'} />}
+          {<EmojiOrImageIcon icon={typebot.icon} boxSize={'35px'} />}
         </Flex>
         <Text textAlign="center">{typebot.name}</Text>
       </VStack>