diff --git a/examples/SampleApp/App.tsx b/examples/SampleApp/App.tsx
index 6f427f6604..e52d0495ca 100644
--- a/examples/SampleApp/App.tsx
+++ b/examples/SampleApp/App.tsx
@@ -59,8 +59,6 @@ Geolocation.setRNConfiguration({
});
import type { LocalMessage, StreamChat, TextComposerMiddleware } from 'stream-chat';
-import { Toast } from './src/components/ToastComponent/Toast';
-import { useClientNotificationsToastHandler } from './src/hooks/useClientNotificationsToastHandler';
import AsyncStore from './src/utils/AsyncStore.ts';
import {
MessageInputFloatingConfigItem,
@@ -377,7 +375,6 @@ const DrawerNavigatorWrapper: React.FC<{
-
@@ -403,7 +400,6 @@ const UserSelector = () => (
// TODO: Split the stack into multiple stacks - ChannelStack, CreateChannelStack etc.
const HomeScreen = () => {
const { overlay } = useOverlayContext();
- useClientNotificationsToastHandler();
return (
,
+ () => ,
[semantics.textTertiary],
);
diff --git a/examples/SampleApp/src/components/ScreenHeader.tsx b/examples/SampleApp/src/components/ScreenHeader.tsx
index 9d7ef3d4ca..ab1b5393a0 100644
--- a/examples/SampleApp/src/components/ScreenHeader.tsx
+++ b/examples/SampleApp/src/components/ScreenHeader.tsx
@@ -122,7 +122,7 @@ export const ScreenHeader: React.FC = (props) => {
const {
theme: { semantics },
} = useTheme();
- const { black, grey, white } = useLegacyColors();
+ const { black, grey } = useLegacyColors();
const insets = useSafeAreaInsets();
return (
@@ -130,7 +130,7 @@ export const ScreenHeader: React.FC = (props) => {
style={[
styles.safeAreaContainer,
{
- backgroundColor: white,
+ backgroundColor: semantics.backgroundCoreElevation1,
borderBottomColor: semantics.borderCoreSubtle,
height: HEADER_CONTENT_HEIGHT + (inSafeArea ? 0 : insets.top),
},
diff --git a/examples/SampleApp/src/icons/ShareLocationIcon.tsx b/examples/SampleApp/src/icons/ShareLocationIcon.tsx
index 2680f19261..fd290834d0 100644
--- a/examples/SampleApp/src/icons/ShareLocationIcon.tsx
+++ b/examples/SampleApp/src/icons/ShareLocationIcon.tsx
@@ -2,9 +2,17 @@ import Svg, { Path } from 'react-native-svg';
import { ColorValue } from 'react-native';
// Icon for "Share Location" button, next to input box.
-export const ShareLocationIcon = ({ stroke }: { stroke: ColorValue }) => {
+export const ShareLocationIcon = ({
+ width,
+ height,
+ stroke,
+}: {
+ stroke: ColorValue;
+ width: number;
+ height: number;
+}) => {
return (
-