fix: override css

Author: hi02102002

client/src/components/pages/flow-detail/node-dialog/message.tsx

@@ -145,9 +145,9 @@ export const MessageDialogContent = () => {
       </div>
       {messageType !== EMessageTypes.LIST_CARD && (
         <InputButtons
-          defaultValue={
-            selectedNode?.data?.contents?.[currentLang]?.buttons || []
-          }
+          defaultValue={{
+            buttons: selectedNode?.data?.contents?.[currentLang]?.buttons || [],
+          }}
           onChange={({ buttons }) => {
             if (!selectedNode) return
 

client/src/components/pages/flows/flow-item.tsx

@@ -42,7 +42,7 @@ export const FlowItem = ({ flow }: Props) => {
         className={buttonVariants({
           variant: 'outline',
           className:
-            '!p-4 h-[unset] hover:border-primary hover:ring-primary hover:ring-1 flex-1',
+            '!p-4 !h-[unset] hover:border-primary hover:ring-primary hover:ring-1 flex-1',
         })}
       >
         <h3>{flow.name}</h3>

client/src/components/ui/input-buttons.tsx

@@ -32,6 +32,7 @@ export const InputButtons = ({
   defaultValue,
   types = ['url', 'postback'],
 }: Props) => {
+  console.log(defaultValue?.buttons)
   const { t } = useTranslation(['forms', 'common'])
   const schema = useButtonsSchema()
   const form = useForm<TButtons>({

client/src/main.tsx

@@ -1,7 +1,6 @@
 import { SToaster } from '@/components/ui'
 import '@/styles/index.css'
 import { QueryClientProvider } from '@tanstack/react-query'
-import 'dialogue-chatbox/dist-components/style.css'
 import { createRoot } from 'react-dom/client'
 import { I18nextProvider } from 'react-i18next'
 import { RouterProvider } from 'react-router-dom'

client/src/pages/flow-detail.tsx

@@ -5,6 +5,7 @@ import { useParams } from 'react-router-dom'
 
 import { useUpdateChannelForTest } from '@/hooks/channel'
 import '@/styles/react-flow.css'
+
 import { useEffect } from 'react'
 
 const FlowDetail = () => {

client/src/styles/index.css

@@ -1,3 +1,5 @@
+@import 'dialogue-chatbox/dist-components/style.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

server/src/app.ts

@@ -78,6 +78,8 @@ export class App {
           'http://localhost:5173',
           'http://localhost:3000',
           'http://localhost:4173',
+          'http://localhost:5174',
+          'http://localhost:5175',
         ],
         credentials: CREDENTIALS,
       }),

server/src/services/channels.service.ts

@@ -213,7 +213,7 @@ export class ChannelService {
           like(channels.contactId, `%${paging.q || ''}%`),
           eq(channels.deleted, false),
           eq(channels.userId, userId),
-          ne(channels.contactId, `${TEST_YOUR_BOT_CHANNEL}-${userId}`),
+          ne(channels.contactId, `${TEST_YOUR_BOT_CHANNEL}${userId}`),
         ),
       )
       .innerJoin(channelTypes, eq(channels.channelTypeId, channelTypes.id))