Filter shows and movies in IMDB suggestions

apps/api/src/handlers/suggest.ts

@@ -4,7 +4,9 @@ export const suggest = async (ctx) => {
   const query = ctx.req.query("query");
 
   try {
-    const results = await imdb.suggest({ query });
+    const results = (await imdb.suggest({ query })).filter((r) =>
+      ["movie", "tvSeries", "tvMiniSeries", "short"].includes(r.type)
+    );
     return ctx.json(results);
   } catch (e) {
     return ctx.json({ error: e.message }, 500);

apps/client/src/main.go

@@ -11,7 +11,9 @@ var config *Config
 var scrapeClient *scraper.Scraper
 var db *bolt.DB
 
-func setupDatabase() {
+func main() {
+	scrapeClient = scraper.MakeScraper()
+	config = MakeConfig()
 	var err error
 	db, err = bolt.Open(config.OutputPath+"/.clientdb", 0600, nil)
 	FatalError(err)
@@ -21,12 +23,7 @@ func setupDatabase() {
 		FatalError(err)
 		return nil
 	})
-}
 
-func main() {
-	scrapeClient = scraper.MakeScraper()
-	config = MakeConfig()
-	setupDatabase()
 	defer db.Close()
 	go cleanup()
 	gin.SetMode(gin.ReleaseMode)

apps/navigator/src/pages/Home/index.tsx

@@ -47,7 +47,7 @@ const SearchInput = ({ value }) => {
 						<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
 					</svg>
 				</div>
-				<input type="search" ref={input => input && input.focus()} autoFocus value={search.query} onInput={onInput} id="default-search" class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white border-transparent focus:border-transparent focus:outline-none" placeholder="Search tv/film e.g. The bear s01e02" required />
+				<input type="search" ref={input => input && input.focus()} autoFocus value={search.query} onInput={onInput} id="default-search" class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white border-transparent focus:border-transparent focus:outline-none" placeholder="Search e.g. Alone s01e01" required />
 				<SearchBtn type="submit">Search</SearchBtn>
 			</div>
 			<div id="suggestions" class="mt-2 text-sm text-gray-500 flex flex-row flex-wrap pt-2">

apps/navigator/src/style.css

@@ -60,7 +60,7 @@ main {
 
 @media (max-width: 639px) {
 	main {
-		margin: 2rem;
+		padding: 2rem;
 	}
 }