remove scopes in search component

src/variables/body/search.tsx

@@ -95,15 +95,15 @@ const useOutsideClick = (
 };
 
 const ScopeMenuComponent = ({ model }: { model: Variables.IModel }) => {
-  const [toggleState, setToggle] = useState(false);
-  const [scopes, setScopes] = useState(model.scopes);
+  // const [toggleState, setToggle] = useState(false);
+  // const [scopes, setScopes] = useState(model.scopes);
   const [scope, setScope] = useState(model.currentScope);
   const wrapperRef = useRef(null);
 
   useEffect(() => {
     const updateScopes = (_: Variables.IModel, updates: Variables.IScope[]) => {
       const scope = !!updates && updates.length > 0 ? updates[0] : null;
-      setScopes(updates);
+      // setScopes(updates);
       setScope(scope);
     };
     model.scopesChanged.connect(updateScopes);
@@ -114,43 +114,43 @@ const ScopeMenuComponent = ({ model }: { model: Variables.IModel }) => {
   });
 
   const onClickOutSide = () => {
-    setToggle(false);
+    // setToggle(false);
   };
 
   const toggle = () => {
-    if (!!scopes) {
-      setToggle(!toggleState);
-    }
+    // if (!!scopes) {
+    //   setToggle(!toggleState);
+    // }
   };
 
   useOutsideClick(wrapperRef, onClickOutSide);
 
-  const changeScope = (newScope: Variables.IScope) => {
-    if (newScope === scope) {
-      return;
-    }
-    setScope(newScope);
-    model.currentScope = newScope;
-    setToggle(false);
-  };
-
-  const List = (
-    <ul>
-      {!!scopes
-        ? scopes.map(scope => (
-            <li key={scope.name} onClick={e => changeScope(scope)}>
-              {scope.name}
-            </li>
-          ))
-        : null}
-    </ul>
-  );
+  // const changeScope = (newScope: Variables.IScope) => {
+  //   if (newScope === scope) {
+  //     return;
+  //   }
+  //   setScope(newScope);
+  //   model.currentScope = newScope;
+  //   setToggle(false);
+  // };
+
+  // const List = (
+  //   <ul>
+  //     {!!scopes
+  //       ? scopes.map(scope => (
+  //           <li key={scope.name} onClick={e => changeScope(scope)}>
+  //             {scope.name}
+  //           </li>
+  //         ))
+  //       : null}
+  //   </ul>
+  // );
 
   return (
     <div onClick={e => toggle()} ref={wrapperRef}>
       <span className="label">{scope ? scope.name : '-'}</span>
       <span className="fa fa-caret-down"></span>
-      {toggleState ? List : null}
+      {/* {toggleState ? List : null} */}
     </div>
   );
 };