From 83858f95425278d44e7f39177e141e7b82c0022c Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 1 Apr 2019 17:38:55 +0200
Subject: search icon

---
 client/table/citations.table.js |  4 ++--
 client/table/tabulator.css      | 12 +++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

(limited to 'client')

diff --git a/client/table/citations.table.js b/client/table/citations.table.js
index 4ee1a0c9..f9599f5d 100644
--- a/client/table/citations.table.js
+++ b/client/table/citations.table.js
@@ -35,6 +35,7 @@ class CitationsTable extends Component {
   updateCitations(){
     const { paper, citations } = this.props.payload.data
     if (!citations.length) this.setState({ formattedCitations: [] })
+      console.log(citations.filter(a => a.title.match('Coarse')))
     const formattedCitations = citations.sort((a,b) => a.title.localeCompare(b.title)).map(citation => {
       const pdf_link = (citation.pdf && citation.pdf.length)
           ? citation.pdf[0]
@@ -80,7 +81,6 @@ class CitationsTable extends Component {
   render() {
     const { formattedCitations, filteredCitations } = this.state
     if (!formattedCitations.length) return <Loader />
-    // console.log(formattedCitations)
     return (
       <div className='citationBrowser'>
         <input
@@ -88,7 +88,7 @@ class CitationsTable extends Component {
           value={this.state.q}
           onChange={e => this.updateFilter(e.target.value)}
           className='q'
-          placeholder='Filter by title/institution'
+          placeholder='Enter text to search citations...'
         />
         <ReactTabulator
           columns={citationsColumns}
diff --git a/client/table/tabulator.css b/client/table/tabulator.css
index 06bceb20..c08ad580 100644
--- a/client/table/tabulator.css
+++ b/client/table/tabulator.css
@@ -29,7 +29,17 @@
   padding: 0 5px 0 0;
 }
 
+.citationBrowser {
+  padding: 10px;
+  border-radius: 4px;
+  background: #666;
+}
 .citationBrowser .q {
   max-width: 400px;
-  margin-bottom: 4px;
+  margin-bottom: 10px;
+  background-image: url(/assets/img/icon-search.png);
+  background-position: 390px center;
+  background-repeat: no-repeat;
+  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
+  border: 0;
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2