Merge pull request #34460 from code-dot-org/add-confetti-to-certificate

Add confetti to certificate congrats page
code-dot-org · Apr 28, 2020 · 20edb4c · 20edb4c
2 parents f9cabc8 + 5db69e5
commit 20edb4c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/apps/src/templates/Certificate.jsx b/apps/src/templates/Certificate.jsx
@@ -2,6 +2,7 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import $ from 'jquery';
+import BackToFrontConfetti from './BackToFrontConfetti';
 import i18n from '@cdo/locale';
 import color from '../util/color';
 import PropTypes from 'prop-types';
@@ -37,6 +38,9 @@ const styles = {
   submit: {
     background: color.orange,
     color: color.white
+  },
+  confetti: {
+    top: 100
   }
 };
 
@@ -145,6 +149,10 @@ class Certificate extends Component {
           />
         )}
         <div id="uitest-certificate" style={certificateStyle}>
+          <BackToFrontConfetti
+            active={this.state.personalized}
+            style={styles.confetti}
+          />
           <a href={certificateLink}>
             <img src={imgSrc} />
           </a>