Use new package search-component from packages

resonatecoop · Oct 5, 2021 · d12ae33 · d12ae33
1 parent 1f89d89
commit d12ae33
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/beta/components/header/index.js b/beta/components/header/index.js
@@ -4,7 +4,7 @@ const icon = require('@resonate/icon-element')
 const nanostate = require('nanostate')
 const button = require('@resonate/button')
 const Dialog = require('@resonate/dialog-component')
-const Search = require('../search')
+const Search = require('@resonate/search-component')
 const link = require('@resonate/link-element')
 const ThemeSwitcher = require('../theme-switcher')
 const AddCredits = require('../topup-credits')
@@ -20,6 +20,7 @@ const { loadStripe } = require('@stripe/stripe-js')
 const matchMedia = require('../../lib/match-media')
 
 const { background: bg } = require('@resonate/theme-skins')
+const TAGS = require('../../lib/tags')
 
 class Header extends Component {
  constructor (id, state, emit) {
@@ -437,7 +438,7 @@ class Header extends Component {
 
  renderSearch () {
  const search = {
- on: () => this.state.cache(Search, 'search').render(),
+ on: () => this.state.cache(Search, 'search').render({ tags: TAGS }),
  off: () => {
  const attrs = {
  onclick: (e) => {

diff --git a/beta/index.css b/beta/index.css
@@ -3,7 +3,7 @@
 @import './components/profiles/index.css';
 @import './components/trackgroups/index.css';
 @import './components/notifications/index.css';
-@import './components/search/index.css';
+@import '@resonate/search-component/index.css';
 @import './components/charts/index.css';
 @import './components/theme-switcher/index.css';
 @import './components/topup-credits/index.css';

diff --git a/beta/package.json b/beta/package.json
@@ -98,6 +98,7 @@
  "@resonate/player-component": "file:../packages/player-component",
  "@resonate/playlist-component": "file:../packages/playlist-component",
  "@resonate/schemas": "file:../packages/schemas",
+ "@resonate/search-component": "file:../packages/search-component",
  "@resonate/svg-image-placeholder": "file:../packages/svg-image-placeholder",
  "@resonate/tachyons": "file:../packages/tachyons",
  "@resonate/textarea-element": "file:../packages/textarea-element",

diff --git a/package.json b/package.json
@@ -40,6 +40,7 @@
  "@resonate/playlist-component": "file:packages/playlist-component",
  "@resonate/rangeslider": "file:packages/rangeslider",
  "@resonate/schemas": "file:packages/schemas",
+ "@resonate/search-component": "file:packages/search-component",
  "@resonate/seeker-component": "file:packages/seeker-component",
  "@resonate/svg-image-placeholder": "file:packages/svg-image-placeholder",
  "@resonate/tachyons": "file:packages/tachyons",