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

@@ -213,7 +213,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

@@ -87,13 +87,13 @@ const useArchiveActionButtonBehavior = () => {
   const [inProgress, setInProgress] = useState(false);
 
   return {
-    'aria-pressed': typeof membership.archived_at === 'string',
+    'aria-pressed': typeof membership?.archived_at === 'string',
     disabled: inProgress,
     onClick: async (e: React.MouseEvent<HTMLButtonElement>) => {
       e.stopPropagation();
       try {
         setInProgress(true);
-        if (membership.archived_at) {
+        if (membership?.archived_at) {
           await channel.unarchive();
           addNotification({
             context: {
@@ -131,7 +131,7 @@ const useArchiveActionButtonBehavior = () => {
         setInProgress(false);
       }
     },
-    title: membership.archived_at ? t('Unarchive') : t('Archive'),
+    title: membership?.archived_at ? t('Unarchive') : t('Archive'),
   } satisfies ComponentPropsWithoutRef<'button'>;
 };
 
@@ -313,7 +313,7 @@ const defaultComponents = {
       const { dialog } = useDialogOnNearestManager({ id: dialogId });
       const [inProgress, setInProgress] = useState(false);
 
-      const title = membership.pinned_at ? t('Unpin') : t('Pin');
+      const title = membership?.pinned_at ? t('Unpin') : t('Pin');
 
       return (
         <ContextMenuButton
@@ -326,7 +326,7 @@ const defaultComponents = {
             let error: Error | null = null;
             try {
               setInProgress(true);
-              if (membership.pinned_at) {
+              if (membership?.pinned_at) {
                 await channel.unpin();
                 addNotification({
                   context: {
@@ -481,7 +481,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'>