converting checkout-item styles to styled components

LoukrichiFouad97 · Jul 24, 2020 · c612af8 · c612af8
1 parent 228e04b
commit c612af8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 23 deletions.
diff --git a/src/components/cart-item/cart-item.scss b/src/components/cart-item/cart-item.scss
diff --git a/src/components/checkout-item/checkout-item-styles.jsx b/src/components/checkout-item/checkout-item-styles.jsx
@@ -0,0 +1,11 @@
+import { styled } from "styled-components";
+
+const CheckoutItemContainer = styled.div`
+	width: 100%;
+	display: flex;
+	min-height: 100px;
+	border-bottom: 1px solid darkgrey;
+	padding: 15px 0;
+	font-size: 20px;
+	align-items: center;
+`;
diff --git a/src/components/sign-up/sign-up.jsx b/src/components/sign-up/sign-up.jsx
@@ -35,6 +35,7 @@ class SignUp extends Component {
 			);
 
 			console.log(user);
+
 			// create user document
 			await createUserProfileDocument(user, { displayName });
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,6 +35,7 @@ class SignUp extends Component { @@
     			);
     			console.log(user);
     			// create user document
     			await createUserProfileDocument(user, { displayName });
@@ Expand Down @@