Remove ShoppingList component

recipes/src/components/ShoppingList/index.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import List from 'components/List';
-import ShoppingItem from 'types/shopping-cart';
-import { groupBy } from 'ramda';
-
-import './styles.scss';
-
-interface ShoppingListProps {
-  items: ShoppingItem[],
-}
-
-const ShoppingList: React.FunctionComponent<ShoppingListProps> = ({ items }) => (
-  <div className='cbk-shopping-list'>
-    <List
-      dense
-      items={items}
-      render={ item => (
-        <div className='cbk-shopping-list__item'>
-          <div className='cbk-shopping-list__item__name'>
-            {item.name}
-            <div className='cbk-shopping-list__item__name__recipes'>
-              {
-                item.recipeName && item.recipeName.join(', ')
-              }
-            </div>
-          </div>
-          <div className='cbk-shopping-list__item__quantity'>
-            {item.quantity} {item.unit}
-          </div>
-        </div>
-      )}
-    />
-  </div>
-)
-
-export default ShoppingList;

recipes/src/components/ShoppingList/styles.scss

@@ -1,36 +0,0 @@
-@import 'styles/_variables';
-
-.cbk-shopping-list {
-  column-count: 2;
-  column-gap: $spacing-regular;
-
-  li {
-    -webkit-column-break-inside: avoid;
-    page-break-inside: avoid;
-    break-inside: avoid;
-  }
-
-  &__item {
-    display: flex;
-    flex: 1;
-    padding: 4px 0;
-
-    &__name {
-      flex: 2;
-      font-weight: $font-weight-bold;
-      &__recipes {
-        font-size: 0.75rem;
-        font-style: italic;
-        color: $grey-600;
-        font-weight: initial;
-        span {
-          margin-right: $spacing-small/2;
-        }
-      }
-    }
-    &__quantity {
-      flex: 1;
-      text-align: right;
-    }
-  }
-}