Some more adjustments

Author: arnautov-anton

src/components/ChannelList/hooks/useChannelMembershipState.ts

@@ -1,13 +1,9 @@
-import type { Channel, ChannelMemberResponse, EventType } from 'stream-chat';
+import type { Channel, EventType } from 'stream-chat';
 import { useSelectedChannelState } from './useSelectedChannelState';
 
 const selector = (c: Channel) => c.state.membership;
 const keys: EventType[] = ['member.updated'];
 
-export function useChannelMembershipState(channel: Channel): ChannelMemberResponse;
-export function useChannelMembershipState(
-  channel?: Channel | undefined,
-): ChannelMemberResponse | undefined;
 export function useChannelMembershipState(channel?: Channel) {
   return useSelectedChannelState({ channel, selector, stateChangeEventKeys: keys });
 }

src/components/ChannelListItem/ChannelListItem.tsx

@@ -220,7 +220,7 @@ export const ChannelListItem = (props: ChannelListItemProps) => {
         latestMessagePreview={latestMessagePreview}
         messageDeliveryStatus={messageDeliveryStatus}
         muted={muted}
-        pinned={!!membership.pinned_at}
+        pinned={!!membership?.pinned_at}
         setActiveChannel={setActiveChannel}
         unread={unread}
       />

src/components/ChannelListItem/ChannelListItemActionButtons.defaults.tsx

@@ -89,7 +89,7 @@ const useArchiveAction = (): ChannelActionBehavior => {
 
   const toggle = async () => {
     try {
-      if (membership.archived_at) {
+      if (membership?.archived_at) {
         await channel.unarchive();
         addNotification({
           context: { channel },
@@ -121,8 +121,8 @@ const useArchiveAction = (): ChannelActionBehavior => {
   };
 
   return {
-    'aria-pressed': typeof membership.archived_at === 'string',
-    title: membership.archived_at ? t('Unarchive') : t('Archive'),
+    'aria-pressed': typeof membership?.archived_at === 'string',
+    title: membership?.archived_at ? t('Unarchive') : t('Archive'),
     toggle,
   };
 };
@@ -288,7 +288,7 @@ const usePinAction = (): ChannelActionBehavior => {
 
   const toggle = async () => {
     try {
-      if (membership.pinned_at) {
+      if (membership?.pinned_at) {
         await channel.unpin();
         addNotification({
           context: { channel },
@@ -320,8 +320,8 @@ const usePinAction = (): ChannelActionBehavior => {
   };
 
   return {
-    'aria-pressed': !!membership.pinned_at,
-    title: membership.pinned_at ? t('Unpin') : t('Pin'),
+    'aria-pressed': !!membership?.pinned_at,
+    title: membership?.pinned_at ? t('Unpin') : t('Pin'),
     toggle,
   };
 };
@@ -518,7 +518,7 @@ export const useBaseChannelActionSetFilter = (channelActionSet: ChannelActionIte
   const { channel } = useChannelListItemContext();
   const membership = useChannelMembershipState(channel);
   const memberCount = channel.data?.member_count ?? 0;
-  const connectedUserIsMember = typeof membership.user !== 'undefined';
+  const connectedUserIsMember = typeof membership?.user !== 'undefined';
   const isDirectMessageChannel = connectedUserIsMember && memberCount === 2;
 
   const ownCapabilities = channel.data?.own_capabilities;

src/components/Chat/hooks/useChat.ts

@@ -14,6 +14,7 @@ import type {
   EventPayload,
   OwnUserResponse,
   StreamChat,
+  TranslationLanguage,
   UserMuteResponse,
 } from 'stream-chat';
 
@@ -88,7 +89,7 @@ export const useChat = ({
   }, [clientMutes?.length]);
 
   useEffect(() => {
-    let userLanguage = client.user?.language;
+    let userLanguage = client.user?.language as TranslationLanguage;
 
     if (!userLanguage) {
       const browserLanguage = window.navigator.language.slice(0, 2); // just get language code, not country-specific version

src/plugins/ChannelDetail/Views/ChannelManagementView/ChannelManagementView.tsx

@@ -77,7 +77,7 @@ export const ChannelManagementInfoBody = ({
   const userMuted = useIsUserMuted(otherMemberUserId);
   const membership = useChannelMembershipState(channel);
   const onlineStatusText = useChannelHeaderOnlineStatus({ channel });
-  const pinned = !!membership.pinned_at;
+  const pinned = !!membership?.pinned_at;
 
   return (
     <Prompt.Body className='str-chat__channel-detail__channel-management-view__body'>