blsmedia/bot
2
0
Fork 0
Code Activity

refactor: ♻️ Toast component

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-06-02 07:54:48 +02:00
parent 43fb8a7be0
commit 12f2e40152
26 changed files with 148 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/builder/components/dashboard/FolderContent/FolderButton.tsx
View File

@ -12,7 +12,6 @@ import {
Menu,
MenuButton,
MenuList,
useToast,
SkeletonText,
SkeletonCircle,
WrapItem,
@ -23,6 +22,7 @@ import { useTypebotDnd } from 'contexts/TypebotDndContext'
import { useRouter } from 'next/router'
import React, { useMemo } from 'react'
import { deleteFolder, updateFolder } from 'services/folders'
import { useToast } from 'components/shared/hooks/useToast'
export const FolderButton = ({
folder,
@ -41,15 +41,12 @@ export const FolderButton = ({
[draggedTypebot, folder.id, mouseOverFolderId]
)
const { isOpen, onOpen, onClose } = useDisclosure()
const toast = useToast({
position: 'top-right',
status: 'error',
})
const { showToast } = useToast()
const onDeleteClick = async () => {
const { error } = await deleteFolder(folder.id)
return error
? toast({
? showToast({
title: "Couldn't delete the folder",
description: error.message,
})
@ -60,7 +57,7 @@ export const FolderButton = ({
if (newName === '' || newName === folder.name) return
const { error } = await updateFolder(folder.id, { name: newName })
return error
? toast({ title: 'An error occured', description: error.message })
? showToast({ title: 'An error occured', description: error.message })
: onFolderRenamed(newName)
}

11
apps/builder/components/dashboard/FolderContent/TypebotButton.tsx
View File

@ -7,7 +7,6 @@ import {
Tag,
Text,
useDisclosure,
useToast,
VStack,
WrapItem,
} from '@chakra-ui/react'
@ -23,6 +22,7 @@ import { useDebounce } from 'use-debounce'
import { EmojiOrImageIcon } from 'components/shared/EmojiOrImageIcon'
import { Plan } from 'db'
import { useWorkspace } from 'contexts/WorkspaceContext'
import { useToast } from 'components/shared/hooks/useToast'
type ChatbotCardProps = {
typebot: Pick<Typebot, 'id' | 'publishedTypebotId' | 'name' | 'icon'>
@ -47,10 +47,7 @@ export const TypebotButton = ({
onClose: onDeleteClose,
} = useDisclosure()
const toast = useToast({
position: 'top-right',
status: 'error',
})
const { showToast } = useToast()
const handleTypebotClick = () => {
if (draggedTypebotDebounced) return
@ -65,7 +62,7 @@ export const TypebotButton = ({
if (isReadOnly) return
const { error } = await deleteTypebot(typebot.id)
if (error)
return toast({
return showToast({
title: "Couldn't delete typebot",
description: error.message,
})
@ -82,7 +79,7 @@ export const TypebotButton = ({
workspace?.plan ?? Plan.FREE
)
if (error)
return toast({
return showToast({
title: "Couldn't duplicate typebot",
description: error.message,
})