fix header

StephenGrider · StephenGrider · commit b013addbe566 · 2017-07-12T14:25:01.000-07:00
diff --git a/server/client/src/components/Header.js b/server/client/src/components/Header.js
@@ -12,8 +12,8 @@ class Header extends Component {
         return <li><a href="/auth/google">Login With Google</a></li>;
       default:
         return [
-          <li><Payments /></li>,
-          <li><a href="/api/logout">Logout</a></li>
+          <li key="1"><Payments /></li>,
+          <li key="2"><a href="/api/logout">Logout</a></li>
         ];
     }
   }
diff --git a/server/client/src/components/Payments.js b/server/client/src/components/Payments.js
@@ -5,10 +5,16 @@ class Payments extends Component {
   render() {
     return (
       <StripeCheckout
+        name="Emaily"
+        description="$5 for 5 email credits"
         amount={500}
         token={token => console.log(token)}
         stripeKey={process.env.REACT_APP_STRIPE_KEY}
-      />
+      >
+        <button className="btn">
+          Add Credits
+        </button>
+      </StripeCheckout>
     );
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -12,8 +12,8 @@ class Header extends Component {`
`12`	`12`	`return <li><a href="/auth/google">Login With Google</a></li>;`
`13`	`13`	`default:`
`14`	`14`	`return [`
`15`		`- <li><Payments /></li>,`
`16`		`- <li><a href="/api/logout">Logout</a></li>`
	`15`	`+ <li key="1"><Payments /></li>,`
	`16`	`+ <li key="2"><a href="/api/logout">Logout</a></li>`
`17`	`17`	`];`
`18`	`18`	`}`
`19`	`19`	`}`