fix: ui glitch (COR-0000) (#311)

voiceflow · Nov 14, 2024 · 6d69cb9 · 6d69cb9
1 parent 2bb236a
commit 6d69cb9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/chat/src/components/MessageInput/MessageInput.css.ts b/packages/chat/src/components/MessageInput/MessageInput.css.ts
@@ -22,7 +22,7 @@ export const inputContainer = recipe({
     border: `1px solid ${COLORS.NEUTRAL_LIGHT[100]}`,
     backgroundColor: COLORS.white,
     boxShadow: '0px 3px 4px 0px rgba(0, 0, 0, 0.02), 0px 8px 42px -16px rgba(0, 0, 0, 0.08)',
-    transition: transition(['border', 'box-shadow', 'border-radius', 'transform']),
+    transition: transition(['border', 'box-shadow', 'border-radius', 'opacity']),
     selectors: {
       '&:hover': {
         cursor: 'text',
@@ -38,7 +38,7 @@ export const inputContainer = recipe({
     },
     hasEnded: {
       true: {
-        transform: 'translateY(calc(100% + 40px))',
+        opacity: 0,
       },
     },
   },

diff --git a/packages/chat/src/components/NewChat/index.tsx b/packages/chat/src/components/NewChat/index.tsx
@@ -86,7 +86,7 @@ export const NewChat: React.FC<INewChat> = ({
     }
   };
 
-  const handleResume = (): void => setAlert(false);
+  const handleResume = (_: any): void => setAlert(false);
 
   const headerActions = useMemo<HeaderActionProps[]>(() => {
     const items: HeaderActionProps[] = [{ svg: 'reset', onClick: handleClose }];
@@ -128,7 +128,7 @@ export const NewChat: React.FC<INewChat> = ({
       <Prompt
         visible={hasAlert || hasEnded}
         showOverlay={hasAlert && !hasEnded}
-        accept={{ label: 'Start new chat', onClick: chain(onEnd, handleResume, onStart) }}
+        accept={{ label: 'Start new chat', onClick: chain(handleResume, onEnd, onStart) }}
         cancel={hasEnded ? undefined : { label: 'Cancel', onClick: handleResume }}
       />
     </div>