Add chatsSearch feature

app/soapbox/features/chats/components/chat-pane/chat-pane.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 
 import { Stack } from 'soapbox/components/ui';
 import { useChatContext } from 'soapbox/contexts/chat-context';
-import { useDebounce } from 'soapbox/hooks';
+import { useDebounce, useFeatures } from 'soapbox/hooks';
 import { IChat, useChats } from 'soapbox/queries/chats';
 
 import ChatList from '../chat-list';
@@ -17,6 +17,7 @@ import { Pane } from '../ui';
 import Blankslate from './blankslate';
 
 const ChatPane = () => {
+  const features = useFeatures();
   const debounce = useDebounce;
 
   const [value, setValue] = useState<string>();
@@ -44,13 +45,15 @@ const ChatPane = () => {
     if (hasSearchValue || Number(chats?.length) > 0) {
       return (
         <Stack space={4} className='flex-grow h-full'>
-          <div className='px-4'>
+          {features.chatsSearch && (
-            <ChatSearchInput
+            <div className='px-4'>
-              value={value || ''}
+              <ChatSearchInput
-              onChange={(event) => setValue(event.target.value)}
+                value={value || ''}
-              onClear={clearValue}
+                onChange={(event) => setValue(event.target.value)}
-            />
+                onClear={clearValue}
-          </div>
+              />
+            </div>
+          )}
 
           {Number(chats?.length) > 0 ? (
             <ChatList

app/soapbox/utils/features.ts

@@ -204,6 +204,12 @@ const getInstanceFeatures = (instance: Instance) => {
      */
     chats: v.software === TRUTHSOCIAL || (v.software === PLEROMA && gte(v.version, '2.1.0')),
 
+    /**
+     * Ability to search among chats.
+     * @see GET /api/v1/pleroma/chats
+     */
+    chatsSearch: v.software === TRUTHSOCIAL,
+
     /**
      * Paginated chats API.
      * @see GET /api/v2/chats