fix search

src/features/Search/ui/SearchInput.tsx

@@ -2,6 +2,8 @@ import React, { useRef } from 'react';
 import styled from 'styled-components';
 import searchIcon from '../../../../public/icons/search.svg';
 import socket from '../../../pages/Lobby/store/socket';
+import navbarState from '../../../pages/Lobby/store/navbarState';
+import { useAuth0 } from "@auth0/auth0-react";
 
 const Container = styled.div`
     display: flex;
@@ -27,10 +29,17 @@ const Input = styled.input`
 
 export const SearchInput: React.FC = () => {
   const dataRef = useRef<HTMLInputElement>(null);
+  const { user } = useAuth0();
   const st = socket.state;
 
   function inputData(data: any) {
-    st.send(data);
+    const message = {
+      filter: navbarState.state,
+      search_string: data,
+      user_email: user?.email
+    }
+    console.log(message);
+    st.send(JSON.stringify(message));
     st.close(1, "closed");
   }
 

src/widgets/RoomsList.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { IRoom } from '../entities/room/api/models';
 import { useRoomsList } from '../entities/room/api/useRoomsList';
 import { useMyRooms } from '../entities/room/api/useMyRooms';
@@ -64,18 +64,22 @@ const RoomsList: React.FC = observer(() => {
 
     const st = socket.state;
 
-    useEffect(() => {
-      st.onopen = function() {
-        st.send('connected');
-      };
-    }, []);
+    // useEffect(() => {
+    //   st.onopen = function() {
+    //     st.send('connected');
+    //   };
+    // }, []);
 
     st.onmessage = function(event) {
         const response = event.data;
         setSearchedRooms(JSON.parse(response as any));
         console.log(searchedRooms);
     };
 
+    useEffect(() => {
+        setSearchedRooms([]);
+    }, [navbarState.state])
+
   return (
     <Container>
         <Header>

src/widgets/layout/Navbar.tsx

@@ -7,6 +7,8 @@ import roomsFormState from '../../pages/Lobby/store/roomsFormState.ts';
 import roomsState from '../../pages/Lobby/store/roomsState.ts';
 import editIcon from '../../../public/icons/edit.svg';
 import navbarState from '../../pages/Lobby/store/navbarState.ts';
+import socket from '../../pages/Lobby/store/socket.ts';
+import { useAuth0 } from "@auth0/auth0-react";
 
 const Container = styled.div`
     display: flex;
@@ -70,6 +72,7 @@ const Navbar: React.FC = observer(() => {
     }
 
     function addRoom() {
+        navbarState.openMy();
         if (roomsFormState.state === '' && navbarState.state === 'my') {
             roomsFormState.openCreateForm();
             return 0;
@@ -81,6 +84,7 @@ const Navbar: React.FC = observer(() => {
     }
 
     function editRooms() {
+        navbarState.openMy();
         if (navbarState.state === 'my') {
             if (roomsState.state === '') {
                 roomsState.openEditForm();