From 6b7ab05dd5cf40e215702d89456a9fa7959021d3 Mon Sep 17 00:00:00 2001
From: Bianca Severino <biancasev@gmail.com>
Date: Wed, 1 Jul 2020 11:07:59 -0400
Subject: [PATCH] Add SurveyMonkey widget to IDV submitted page

---
 src/id-verification/panels/SubmittedPanel.jsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/id-verification/panels/SubmittedPanel.jsx b/src/id-verification/panels/SubmittedPanel.jsx
index 1ca4969..465b1a1 100644
--- a/src/id-verification/panels/SubmittedPanel.jsx
+++ b/src/id-verification/panels/SubmittedPanel.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
@@ -6,6 +6,16 @@ import BasePanel from './BasePanel';
 
 import messages from '../IdVerification.messages';
 
+function Survey() {
+  useEffect(() => {
+    const widget = document.createElement('script');
+    widget.src = 'https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd_2BNHLyIwmuFE7cezwkskiizA4JjaHjQx10Eruz64ZqW8.js';
+    document.body.appendChild(widget);
+  }, []);
+
+  return <div id="smcx-sdk" />;
+}
+
 function SubmittedPanel(props) {
   const panelSlug = 'submitted';
   return (
@@ -16,9 +26,10 @@ function SubmittedPanel(props) {
       <p>
         {props.intl.formatMessage(messages['id.verification.submitted.text'])}
       </p>
-      <a className="btn btn-primary" href={`${getConfig().LMS_BASE_URL}/dashboard`}>
+      <a className="btn btn-primary" href={`${getConfig().LMS_BASE_URL}/dashboard`} style={{ marginBottom: 50 }}>
         {props.intl.formatMessage(messages['id.verification.return'])}
       </a>
+      <Survey />
     </BasePanel>
   );
 }