From 7c760dd4d1e27180222d3d524949216e5b65194a Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Wed, 14 Mar 2018 12:20:15 -0400
Subject: remove cha ching component

---
 frontend/components/ChaChing.js | 56 -----------------------------------------
 1 file changed, 56 deletions(-)
 delete mode 100644 frontend/components/ChaChing.js

(limited to 'frontend/components')

diff --git a/frontend/components/ChaChing.js b/frontend/components/ChaChing.js
deleted file mode 100644
index 5874c27..0000000
--- a/frontend/components/ChaChing.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import TransitionGroup from 'react-transition-group/TransitionGroup';
-import Transition from 'react-transition-group/Transition';
-import styled from 'styled-components';
-
-const CartCount = styled.div`
-  padding: 10px;
-  transition: all 0.5s;
-  display: inline-block;
-  background: white;
-  background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
-  transform: translateY(100%);
-  z-index: 1;
-  position: relative;
-  &.cart-entering {
-    background: green;
-    transform: translateY(100%);
-  }
-  &.cart-entered {
-    transform: translateY(0);
-  }
-  &.cart-exiting {
-    position: absolute;
-    z-index: 0;
-    left: 0;
-    transform: translateY(-100%);
-  }
-`;
-
-const ChaChingStyles = styled.div`
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-`;
-
-const ChaChing = ({ amount }) => (
-  <ChaChingStyles>
-    <TransitionGroup>
-      <Transition
-        in
-        timeout={{
-          enter: 0,
-          exit: 500,
-        }}
-        key={amount}
-      >
-        {status => (
-          <CartCount className={`cart-${status}`} key={`count-${amount}`}>
-            {amount}
-          </CartCount>
-        )}
-      </Transition>
-    </TransitionGroup>
-  </ChaChingStyles>
-);
-
-export default ChaChing;
-- 
cgit v1.3