| @@ -2,6 +2,7 @@ | |||
| import type { FC } from 'react' | |||
| import React from 'react' | |||
| import s from './style.module.css' | |||
| import cn from '@/utils/classnames' | |||
| export type ILoadingAnimProps = { | |||
| type: 'text' | 'avatar' | |||
| @@ -11,7 +12,7 @@ const LoadingAnim: FC<ILoadingAnimProps> = ({ | |||
| type, | |||
| }) => { | |||
| return ( | |||
| <div className={`${s['dot-flashing']} ${s[type]}`}></div> | |||
| <div className={cn(s['dot-flashing'], s[type])} /> | |||
| ) | |||
| } | |||
| export default React.memo(LoadingAnim) | |||
| @@ -90,7 +90,7 @@ const DebugAndPreview = () => { | |||
| <div | |||
| ref={containerRef} | |||
| className={cn( | |||
| 'relative flex h-full flex-col rounded-l-2xl border border-r-0 border-components-panel-border bg-components-panel-bg shadow-xl', | |||
| 'relative flex h-full flex-col rounded-l-2xl border border-r-0 border-components-panel-border bg-chatbot-bg shadow-xl', | |||
| )} | |||
| style={{ width: `${panelWidth}px` }} | |||
| > | |||