From f8463676a40656893c2048655e8807099e3adb39 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Mon, 10 Apr 2023 21:57:33 +0200
Subject: add radio app

---
 apps/Radio/components/Search.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 apps/Radio/components/Search.js

(limited to 'apps/Radio/components/Search.js')

diff --git a/apps/Radio/components/Search.js b/apps/Radio/components/Search.js
new file mode 100644
index 0000000..363a37c
--- /dev/null
+++ b/apps/Radio/components/Search.js
@@ -0,0 +1,31 @@
+import { useState } from 'react'
+import styles from '../styles/Radio.module.scss'
+import fetchJson from 'helpers/fetchJson'
+
+const searchQuery = async (query, setResults) => {
+  const results = await fetchJson('/api/radio/stations', {
+    method: 'POST',
+    body: JSON.stringify({ query })
+  })
+
+  setResults(results)
+}
+
+const Search = ({ setResults }) => {
+  const [query, setQuery] = useState('')
+  const changeQuery = e => setQuery(e.target.value)
+
+  return (
+    <div className={styles.search}>
+      <input type="text" onChange={changeQuery} value={query} />
+      <span
+        className="window__button"
+        onClick={() => searchQuery(query, setResults)}
+      >
+        Search
+      </span>
+    </div>
+  )
+}
+
+export default Search
-- 
cgit v1.2.3