feat(editor): ✨ Team workspaces

apps/builder/components/share/customDomain/CustomDomainsDropdown.tsx

@@ -16,6 +16,7 @@ import React, { useState } from 'react'
 import { useUser } from 'contexts/UserContext'
 import { CustomDomainModal } from './CustomDomainModal'
 import { deleteCustomDomain, useCustomDomains } from 'services/user'
+import { useWorkspace } from 'contexts/WorkspaceContext'
 
 type Props = Omit<MenuButtonProps, 'type'> & {
   currentCustomDomain?: string
@@ -29,26 +30,26 @@ export const CustomDomainsDropdown = ({
 }: Props) => {
   const [isDeleting, setIsDeleting] = useState('')
   const { isOpen, onOpen, onClose } = useDisclosure()
-  const { user } = useUser()
-  const { customDomains, mutate } = useCustomDomains({
-    userId: user?.id,
-    onError: (error) =>
-      toast({ title: error.name, description: error.message }),
-  })
+  const { workspace } = useWorkspace()
   const toast = useToast({
     position: 'top-right',
     status: 'error',
   })
+  const { customDomains, mutate } = useCustomDomains({
+    workspaceId: workspace?.id,
+    onError: (error) =>
+      toast({ title: error.name, description: error.message }),
+  })
 
   const handleMenuItemClick = (customDomain: string) => () =>
     onCustomDomainSelect(customDomain)
 
   const handleDeleteDomainClick =
     (domainName: string) => async (e: React.MouseEvent) => {
-      if (!user) return
+      if (!workspace) return
       e.stopPropagation()
       setIsDeleting(domainName)
-      const { error } = await deleteCustomDomain(user.id, domainName)
+      const { error } = await deleteCustomDomain(workspace.id, domainName)
       setIsDeleting('')
       if (error) return toast({ title: error.name, description: error.message })
       mutate({
@@ -59,11 +60,11 @@ export const CustomDomainsDropdown = ({
     }
 
   const handleNewDomain = (domain: string) => {
-    if (!user) return
+    if (!workspace) return
     mutate({
       customDomains: [
         ...(customDomains ?? []),
-        { name: domain, ownerId: user?.id },
+        { name: domain, workspaceId: workspace?.id },
       ],
     })
     handleMenuItemClick(domain)()
@@ -71,9 +72,9 @@ export const CustomDomainsDropdown = ({
 
   return (
     <Menu isLazy placement="bottom-start" matchWidth>
-      {user?.id && (
+      {workspace?.id && (
         <CustomDomainModal
-          userId={user.id}
+          workspaceId={workspace.id}
           isOpen={isOpen}
           onClose={onClose}
           onNewDomain={handleNewDomain}