From cd0b07b3adb36fb5ec098f9e511ab45d774fee7b Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Tue, 30 Jan 2018 12:41:01 -0500
Subject: Move to Prisma Backend

---
 components/Search.js | 68 ----------------------------------------------------
 1 file changed, 68 deletions(-)
 delete mode 100644 components/Search.js

(limited to 'components/Search.js')

diff --git a/components/Search.js b/components/Search.js
deleted file mode 100644
index 0ce136e..0000000
--- a/components/Search.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import Downshift from 'downshift';
-import { SEARCH_ITEMS_QUERY } from '../queries';
-import { graphql, compose } from 'react-apollo';
-import makeImage from '../lib/image';
-import { Router } from '../routes';
-import slugify from 'slugify';
-
-function routeToItem(item) {
-  Router.pushRoute('item', {
-    slug: slugify(item.title),
-    itemId: item.id,
-  });
-}
-
-function BasicAutocomplete(props) {
-  const { items, onChange } = props;
-  return (
-    <Downshift onChange={routeToItem} itemToString={item => item.title}>
-      {({ getInputProps, getItemProps, isOpen, inputValue, selectedItem, highlightedIndex }) => (
-        <div>
-          <input
-            {...getInputProps({
-              placeholder: 'Search For Item',
-              onChange: e => props.refetch({ searchTerm: e.target.value }),
-              style: { fontSize: '20px', padding: '20px', display: 'block', width: '100%' },
-            })}
-          />
-          {isOpen ? (
-            <div>
-              {items.map((item, index) => (
-                <div
-                  {...getItemProps({ item })}
-                  key={item.id}
-                  style={{
-                    backgroundColor: highlightedIndex === index ? '#e8e8e8' : 'white',
-                    borderLeft: highlightedIndex === index ? '10px solid #ffc600' : '10px solid white',
-                    padding: '10px',
-                    display: 'flex',
-                    alignItems: 'center',
-                  }}
-                >
-                  <img width="50" style={{ 'margin-right': '10px' }} src={makeImage(item.image)} alt={item.title} />
-                  {item.title}
-                </div>
-              ))}
-            </div>
-          ) : null}
-        </div>
-      )}
-    </Downshift>
-  );
-}
-
-const Search = props => (
-  <BasicAutocomplete
-    items={props.searchItems.allItems}
-    onChange={selectedItem => console.log(selectedItem)}
-    refetch={props.searchItems.refetch}
-  />
-);
-
-const searchEnhancer = graphql(SEARCH_ITEMS_QUERY, {
-  name: 'searchItems',
-  options: {
-    variables: { searchTerm: 'camo' },
-  },
-});
-export default compose(searchEnhancer)(Search);
-- 
cgit v1.3