diff --git a/src/components/SearchBar.jsx b/src/components/SearchBar.jsx
index 9734a04f..5a0b4051 100644
--- a/src/components/SearchBar.jsx
+++ b/src/components/SearchBar.jsx
@@ -4,6 +4,7 @@ import Autosuggest from 'react-autosuggest'
 import debounce from 'lodash.debounce'
 import { fetchRawIntent } from 'lib/intents'
 import logger from 'lib/logger'
+import { models, withClient } from 'cozy-client'
 
 const INTENT_VERB = 'OPEN'
 const INTENT_DOCTYPE = 'io.cozy.suggestions'
@@ -229,15 +230,15 @@ class SearchBar extends Component {
     this.setState({ query: null, searching: false })
   }
 
-  onSuggestionSelected = async (event, { suggestion }) => {
+  onSuggestionSelected = client => async (event, { suggestion }) => {
     const { onSelect } = suggestion
     // `onSelect` is a string that describes what should happen when the suggestion is selected. Currently, the only format we're supporting is `open:http://example.com` to change the url of the current page.
 
-    if (typeof onSelect === 'function') {
-      await onSelect()
-    } else if (/^open:/.test(onSelect)) {
-      const url = onSelect.substr(5)
+    if (/^id_note:/.test(onSelect)) {
+      const url = await models.note.fetchURL(client, { id: onSelect.substr(8) })
       window.location.href = url
+    } else if (/^open:/.test(onSelect)) {
+      window.location.href = onSelect.substr(5)
     } else {
       // eslint-disable-next-line no-console
       console.log(
@@ -288,7 +289,7 @@ class SearchBar extends Component {
       sourceURLs
     } = this.state
     if (sourceURLs.length === 0) return null
-    const { t } = this.props
+    const { t, client } = this.props
 
     const isInitialSearch = input !== '' && query === null
     const hasSuggestions =
@@ -339,7 +340,7 @@ class SearchBar extends Component {
             this.debouncedOnSuggestionsFetchRequested
           }
           onSuggestionsClearRequested={this.onSuggestionsClearRequested}
-          onSuggestionSelected={this.onSuggestionSelected}
+          onSuggestionSelected={this.onSuggestionSelected(client)}
           getSuggestionValue={this.getSuggestionValue}
           getSectionSuggestions={this.getSectionSuggestions}
           renderSectionTitle={this.renderSectionTitle}
@@ -357,4 +358,4 @@ class SearchBar extends Component {
   }
 }
 
-export default translate()(SearchBar)
+export default translate()(withClient(SearchBar))
diff --git a/src/components/__snapshots__/Bar.spec.jsx.snap b/src/components/__snapshots__/Bar.spec.jsx.snap
index 9cf30863..9c117178 100644
--- a/src/components/__snapshots__/Bar.spec.jsx.snap
+++ b/src/components/__snapshots__/Bar.spec.jsx.snap
@@ -138,7 +138,7 @@ exports[`Bar should display the Searchbar 1`] = `
     <div
       className="u-flex-grow"
     >
-      <withI18n(SearchBar) />
+      <withI18n(withClient(SearchBar)) />
     </div>
     <withI18n(Connect(Settings))
       toggleSupport={[Function]}