fix: e-ticket footer section

idindrakusuma · Sep 13, 2020 · c325a8a · c325a8a
1 parent 79aae24
commit c325a8a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/ConfirmationSection/index.js b/src/components/ConfirmationSection/index.js
@@ -1,9 +1,10 @@
 import React from 'react';
 import { string, bool } from 'prop-types';
 import { Link } from 'gatsby';
+
 import { styWrapper, styFlex } from './styles';
 
-function ConfirmationSection({ isInvitation, guestName }) {
+function ConfirmationSection({ isInvitation, guestName, codeLink }) {
   if (!isInvitation) return null;
 
   return (
@@ -21,7 +22,7 @@ function ConfirmationSection({ isInvitation, guestName }) {
         </div>
         <div className="row" css={styFlex}>
           <div className="col-md-3">
-            <Link to="e-ticket">
+            <Link to={`e-ticket?code=${codeLink}`}>
               <button className="btn btn-default btn-block">Lihat e-Ticket</button>
             </Link>
           </div>
@@ -32,6 +33,7 @@ function ConfirmationSection({ isInvitation, guestName }) {
 }
 
 ConfirmationSection.propTypes = {
+  codeLink: string.isRequired,
   isInvitation: bool.isRequired,
   guestName: string.isRequired,
 };

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -22,6 +22,7 @@ function Home({ location }) {
   const isInvitation = getQueryValue(location, 'type') === 'invitation';
   const firstName = guestName.replace(/ .*/, '');
   const isAnonymGuest = guestName === '' && !isInvitation;
+  const codeLink = getQueryValue(location, 'code') || '';
 
   const [showDetailContent, setShowDetailContent] = useState(false);
 
@@ -41,7 +42,7 @@ function Home({ location }) {
         <StorySection />
         <PhotoSection />
         <WishesSection />
-        <ConfirmationSection guestName={firstName} isInvitation={isInvitation} />
+        <ConfirmationSection guestName={firstName} isInvitation={isInvitation} codeLink={codeLink} />
         <FooterSection isInvitation={isInvitation} />
       </Fragment>
     );