updated search input

Author: IsaacSomething

README.md

@@ -1 +1,16 @@
-# Stackoverflow View
+# Stack Overflow View
+
+
+[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://lbesson.mit-license.org/)
+[![made-for-VSCode](https://img.shields.io/badge/Made%20for-VSCode-1f425f.svg?logo=visual-studio-code&style=flat-square)](https://code.visualstudio.com/)
+[![made-with-svelte](https://img.shields.io/badge/Made%20With-svelte-orange?style=flat-square)](https://github.com/sveltejs/svelte)
+
+Visual Studio Code extension for access to Stack Overflow inside of the editor.
+
+Supports internationalization (Set in configuration)
+  - English : 🇬🇧 (default)
+  - Russian : 🇷🇺
+  - Portuguese : 🇵🇹
+  - Japanese : 🇯🇵
+  - Spanish : 🇪🇸
+

app/src/App.svelte

@@ -56,11 +56,9 @@
   }
 
   // Search by selected tag
-  function handleTagSearch(tag) {
-    console.log("tag", tag.detail.tag);
-
-    if (tag.detail.tag) {
-      const selectedTag = tag.detail.tag;
+  function handleTagSearch(event) {
+    const selectedTag = event.detail.tag;
+    if (selectedTag) {
       const baseUri = "https://api.stackexchange.com/2.2";
       const filter = "!Fu4hf8)e-ZPMLisJD6KbEP37j-";
       const key = "VP5SbX4dbH8MJUft7hjoaA((";
@@ -88,6 +86,11 @@
     }
   }
 
+  function handleInputSearch(event) {
+    searchQuery = event.detail.query;
+    search();
+  }
+
   // Main search functionality
   function search() {
     const baseUri = "https://api.stackexchange.com/2.2";
@@ -130,8 +133,9 @@
 {:else if section === 'search'}
   <Search
     on:gotoQuestion={handleGotoQuestion}
-    on:searchByTag={handleTagSearch}
     on:gotoTag={handleGotoTag}
+    on:searchByTag={handleTagSearch}
+    on:searchInput={handleInputSearch}
     {searchQuery}
     {vscode}
     {searchData}

app/src/search/Search.svelte

@@ -15,7 +15,7 @@
 
 <SearchTitle {tagData} on:gotoTag />
 {#if !tagData}
-  <SearchInput {searchQuery} />
+  <SearchInput {searchQuery} on:searchInput />
 {/if}
 <SearchResultsActions {totalResults} />
 {#if isLoading}

app/src/search/SearchInput.svelte

@@ -1,8 +1,10 @@
 <script>
+  import { createEventDispatcher } from "svelte";
   export let searchQuery = "";
 
+  const dispatch = createEventDispatcher();
   function search(event) {
-    // TODO: if advanced search tips is open then close it.
+     dispatch("searchInput", { query: searchQuery });
   }
 </script>