Extract themeEngine

src/components/ThemeSelector.js

@@ -1,15 +1,16 @@
 import { h } from 'preact'
 
-export default function ({ themeList, currentTheme, setTheme }) {
-  const options = themeList.map(theme => (
+export default function ({ themeEngine }) {
+  const options = themeEngine.themes.map(theme => (
     <option value={theme}>
       {theme}
     </option>))
 
   return (
     <select
-      value={currentTheme}
-      onChange={({ target }) => setTheme(target.value)}>
+      value={themeEngine.currentTheme}
+      onChange={({ target }) =>
+        themeEngine.setTheme(target.value)}>
       {options}
     </select>)
 }

src/components/player/UrlPlayer.js

@@ -9,7 +9,6 @@ const INITIAL_STATUS = {
 }
 
 export default function ({url}) {
-  console.log(123, url)
   const [status, setStatus] = useState(INITIAL_STATUS)
 
   const [vm, setVM] = useState(null)