fix: tests and lint errors

Author: isekovanic

package/src/components/Message/hooks/useShouldUseOverlayStyles.ts

@@ -3,7 +3,7 @@ import { useIsOverlayActive } from '../../../state-store';
 
 export const useShouldUseOverlayStyles = () => {
   const { message } = useMessageContext();
-  const { active, closing } = useIsOverlayActive(message.id);
+  const { active, closing } = useIsOverlayActive(message?.id);
 
   return active && !closing;
 };

package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.js.snap

@@ -814,16 +814,6 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -886,16 +876,6 @@ exports[`AttachButton should call handleAttachButtonPress when the button is cli
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -1731,16 +1711,6 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -1803,16 +1773,6 @@ exports[`AttachButton should render a enabled AttachButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -2648,16 +2608,6 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -2720,16 +2670,6 @@ exports[`AttachButton should render an disabled AttachButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >

package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.js.snap

@@ -812,16 +812,6 @@ exports[`SendButton should render a SendButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -884,16 +874,6 @@ exports[`SendButton should render a SendButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -1727,16 +1707,6 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >
@@ -1799,16 +1769,6 @@ exports[`SendButton should render a disabled SendButton 1`] = `
                 },
               ],
             },
-            {
-              "overflow": "visible",
-              "shadowColor": "white",
-              "shadowOffset": {
-                "height": 4,
-                "width": 0,
-              },
-              "shadowOpacity": 0.4,
-              "shadowRadius": 10,
-            },
           ]
         }
       >

package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx

@@ -1,11 +1,5 @@
 import React, { useEffect, useMemo } from 'react';
-import {
-  Platform,
-  Pressable,
-  StyleSheet,
-  useWindowDimensions,
-  View,
-} from 'react-native';
+import { Platform, Pressable, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, {
   clamp,