Support narrow avatar in popular apps search result (#5310)

src/components/left/search/BotAppResults.tsx

@@ -114,6 +114,7 @@ const BotAppResults: FC<OwnProps & StateProps> = ({
                 <LeftSearchResultChat
                   chatId={id}
                   onClick={handleChatClick}
+                  withOpenAppButton
                 />
               );
             })}
@@ -127,6 +128,7 @@ const BotAppResults: FC<OwnProps & StateProps> = ({
                 <LeftSearchResultChat
                   chatId={id}
                   onClick={handleChatClick}
+                  withOpenAppButton
                 />
               );
             })}

src/components/left/search/LeftSearchResultChat.tsx

@@ -28,7 +28,7 @@ import MuteChatModal from '../MuteChatModal.async';
 type OwnProps = {
   chatId: string;
   withUsername?: boolean;
-  isRecent?: boolean;
+  withOpenAppButton?: boolean;
   onClick: (id: string) => void;
 };
 
@@ -48,7 +48,7 @@ const LeftSearchResultChat: FC<OwnProps & StateProps> = ({
   isPinned,
   isMuted,
   canChangeFolder,
-  isRecent,
+  withOpenAppButton,
   onClick,
 }) => {
   const { requestMainWebView } = getActions();
@@ -121,7 +121,7 @@ const LeftSearchResultChat: FC<OwnProps & StateProps> = ({
           storyViewerOrigin={StoryViewerOrigin.SearchResult}
         />
       )}
-      {isRecent && user?.hasMainMiniApp && (
+      {withOpenAppButton && user?.hasMainMiniApp && (
         <Button
           className="ChatBadge miniapp"
           pill

src/components/left/search/RecentContacts.tsx

@@ -119,7 +119,7 @@ const RecentContacts: FC<OwnProps & StateProps> = ({
           {recentlyFoundChatIds.map((id) => (
             <LeftSearchResultChat
               chatId={id}
-              isRecent
+              withOpenAppButton
               onClick={handleClick}
             />
           ))}