From 40ad15673d2230c8d99b6fe70f57fb0f27c26e7d Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Wed, 24 Oct 2018 23:46:59 +0100
Subject: [PATCH] Searchable addressbook: upgrade material-ui.

---
 src/components/SearchableAddressBook.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/SearchableAddressBook.tsx b/src/components/SearchableAddressBook.tsx
index b2557c3..1b16f16 100644
--- a/src/components/SearchableAddressBook.tsx
+++ b/src/components/SearchableAddressBook.tsx
@@ -1,17 +1,15 @@
 import * as React from 'react';
 
-import TextField from 'material-ui/TextField';
+import TextField from '@material-ui/core/TextField';
 
-import IconButton from 'material-ui/IconButton';
-import IconSearch from 'material-ui/svg-icons/action/search';
-import IconClear from 'material-ui/svg-icons/content/clear';
+import IconButton from '@material-ui/core/IconButton';
+import IconSearch from '@material-ui/icons/Search';
+import IconClear from '@material-ui/icons/Clear';
 
 import { ContactType } from '../pim-types';
 
 import AddressBook from '../components/AddressBook';
 
-import { getPalette } from '../App';
-
 class SearchableAddressBook extends React.PureComponent {
   props: {
     entries: Array<ContactType>,
@@ -50,8 +48,7 @@ class SearchableAddressBook extends React.PureComponent {
           name="searchQuery"
           value={this.state.searchQuery}
           style={{fontSize: '120%', marginLeft: 20}}
-          hintText="Find Contacts"
-          hintStyle={{color: getPalette('accent1Color')}}
+          placeholder="Find Contacts"
           onChange={this.handleInputChange}
         />
         {this.state.searchQuery &&