fix: search filter navigation in chatbox

Author: iamfaran

client/packages/lowcoder/src/comps/comps/chatBoxComponent/ChatBoxContext.tsx

@@ -14,7 +14,6 @@ type ChatEventName =
   | "startTyping"
   | "stopTyping"
   | "roomSwitch"
-  | "roomJoin"
   | "roomLeave"
   | "roomCreate"
   | "inviteSend"
@@ -62,7 +61,6 @@ export interface ChatBoxContextValue {
 
   // Room actions
   onRoomSwitch: (roomId: string) => void;
-  onRoomJoin: (roomId: string) => void;
   onRoomLeave: (roomId: string) => void;
   onRoomCreate: (
     name: string,

client/packages/lowcoder/src/comps/comps/chatBoxComponent/chatBoxComp.tsx

@@ -51,11 +51,6 @@ const ChatEvents = [
     value: "roomSwitch",
     description: trans("chatBox.roomSwitchDesc"),
   },
-  {
-    label: trans("chatBox.roomJoin"),
-    value: "roomJoin",
-    description: trans("chatBox.roomJoinDesc"),
-  },
   {
     label: trans("chatBox.roomLeave"),
     value: "roomLeave",
@@ -281,10 +276,6 @@ let ChatBoxTmp = (function () {
         props.pendingRoomId.onChange(roomId);
         props.onEvent("roomSwitch");
       },
-      onRoomJoin: (roomId: string) => {
-        props.pendingRoomId.onChange(roomId);
-        props.onEvent("roomJoin");
-      },
       onRoomLeave: (roomId: string) => {
         props.pendingRoomId.onChange(roomId);
         props.onEvent("roomLeave");

client/packages/lowcoder/src/comps/comps/chatBoxComponent/components/RoomPanel.tsx

@@ -17,7 +17,6 @@ import {
   RoomPanelHeader,
   RoomListContainer,
   RoomItemStyled,
-  SearchResultBadge,
   LlmRoomBadge,
   OnlinePresenceSection,
   OnlinePresenceLabel,
@@ -48,7 +47,6 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
     onlineUsers,
     sidebarStyle,
     onRoomSwitch,
-    onRoomJoin,
     onRoomLeave,
     onInviteAccept,
     onInviteDecline,
@@ -81,7 +79,7 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
     setIsSearchMode(true);
     const lower = q.toLowerCase();
     setSearchResults(
-      rooms.filter((r) => r.type === "public" && r.name.toLowerCase().includes(lower)),
+      rooms.filter((r) => r.name.toLowerCase().includes(lower)),
     );
   };
 
@@ -91,11 +89,6 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
     setSearchResults([]);
   };
 
-  const handleJoinAndClear = (roomId: string) => {
-    onRoomJoin(roomId);
-    clearSearch();
-  };
-
   const roomListItems = isSearchMode ? searchResults : rooms;
 
   const publicRooms = roomListItems.filter((r) => r.type === "public");
@@ -112,13 +105,14 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
         $active={isActive}
         $sidebarStyle={sidebarStyle}
         onClick={() => {
-          if (isSearch) {
-            handleJoinAndClear(room.id);
-          } else if (!isActive) {
+          if (!isActive) {
             onRoomSwitch(room.id);
           }
+          if (isSearch) {
+            clearSearch();
+          }
         }}
-        title={isSearch ? trans("chatBox.joinRoomTitle", { roomName: room.name }) : room.name}
+        title={room.name}
       >
         {room.type === "llm" ? (
           <RobotOutlined
@@ -154,7 +148,6 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
             {trans("chatBox.aiShortLabel")}
           </LlmRoomBadge>
         )}
-        {isSearch && <SearchResultBadge>{trans("chatBox.joinAction")}</SearchResultBadge>}
         {isActive && !isSearch && (
           <Popconfirm
             title={trans("chatBox.leaveRoomConfirm", { roomName: room.name })}
@@ -209,7 +202,7 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
         <div style={{ padding: "8px 8px 0" }}>
           <Input
             size="small"
-            placeholder={trans("chatBox.searchPublicRoomsPlaceholder")}
+            placeholder={trans("chatBox.searchPlaceholder")}
             prefix={<SearchOutlined style={{ color: "#aaa" }} />}
             value={searchQuery}
             onChange={(e) => handleSearch(e.target.value)}
@@ -228,7 +221,7 @@ export const RoomPanel = React.memo((props: RoomPanelProps) => {
                   : "chatBox.searchResultsCountPlural",
                 { count: searchResults.length },
               )
-            : trans("chatBox.noPublicRoomsMatch", { searchQuery })}
+            : trans("chatBox.noRoomsMatch", { searchQuery })}
           <Button
             type="link"
             size="small"

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -1652,9 +1652,11 @@ export const en = {
     "inviteUserToRoomTooltip": "Invite user to room",
     "createRoomTooltip": "Create room",
     "searchPublicRoomsPlaceholder": "Search public rooms...",
+    "searchPlaceholder": "Search",
     "searchResultsCountSingle": "{count} result",
     "searchResultsCountPlural": "{count} results",
     "noPublicRoomsMatch": "No public rooms match \"{searchQuery}\"",
+    "noRoomsMatch": "No rooms match \"{searchQuery}\"",
     "backAction": "Back",
     "pendingInvitesHeader": "Pending Invites ({count})",
     "invitedBy": "Invited by {userName}",