From 1f5691d88f43b701df84be9fd51a3e153b88dcd7 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Tue, 13 Feb 2024 15:35:17 +1100
Subject: [PATCH] fix: clear unused animation on send button

---
 stylesheets/_session_conversation.scss        | 22 -------------------
 .../conversation/SessionRecording.tsx         |  7 +-----
 .../composition/CompositionButtons.tsx        |  2 +-
 3 files changed, 2 insertions(+), 29 deletions(-)

diff --git a/stylesheets/_session_conversation.scss b/stylesheets/_session_conversation.scss
index d0cf549a3..869bb0087 100644
--- a/stylesheets/_session_conversation.scss
+++ b/stylesheets/_session_conversation.scss
@@ -115,28 +115,6 @@
   }
 }
 
-.send-message-button {
-  animation: fadein var(--default-duration);
-
-  &---scale {
-    animation: scaling 2s ease-in-out;
-
-    @keyframes scaling {
-      0% {
-        transform: scale(1);
-      }
-
-      80% {
-        transform: scale(1.3);
-      }
-
-      100% {
-        transform: scale(1);
-      }
-    }
-  }
-}
-
 .session-recording {
   height: var(--composition-container-height);
   display: flex;
diff --git a/ts/components/conversation/SessionRecording.tsx b/ts/components/conversation/SessionRecording.tsx
index 599f046dd..72c55091f 100644
--- a/ts/components/conversation/SessionRecording.tsx
+++ b/ts/components/conversation/SessionRecording.tsx
@@ -163,12 +163,7 @@ export class SessionRecording extends Component<Props, State> {
         ) : null}
 
         {!isRecording && (
-          <div
-            className={classNames(
-              'send-message-button',
-              hasRecording && 'send-message-button---scale'
-            )}
-          >
+          <div>
             <SessionIconButton
               iconType="send"
               iconSize={'large'}
diff --git a/ts/components/conversation/composition/CompositionButtons.tsx b/ts/components/conversation/composition/CompositionButtons.tsx
index 1610a9db5..e25ab9097 100644
--- a/ts/components/conversation/composition/CompositionButtons.tsx
+++ b/ts/components/conversation/composition/CompositionButtons.tsx
@@ -70,7 +70,7 @@ export const ToggleEmojiButton = forwardRef<HTMLDivElement, { onClick: Noop }>((
 
 export const SendMessageButton = (props: { onClick: Noop }) => {
   return (
-    <StyledChatButtonContainer className="send-message-button">
+    <StyledChatButtonContainer>
       <SessionIconButton
         iconType="send"
         backgroundColor={'var(--chat-buttons-background-color)'}