From 2f10eb1a0bfa4fb49ccbd9c0ced62a1062c87c2b Mon Sep 17 00:00:00 2001
From: Laura-D-Andrews <ldandrews88@gmail.com>
Date: Sun, 10 Sep 2023 14:41:46 -0400
Subject: [PATCH] Setup Typeform Survey

---
 package-lock.json                  | 27 +++++++++++++++++++++++++--
 package.json                       |  1 +
 src/pages/Profile/ProfileMentee.js |  2 ++
 src/pages/Profile/ProfileMentor.js |  2 ++
 src/pages/Profile/Survey.jsx       | 20 ++++++++++++++++++++
 5 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Profile/Survey.jsx

diff --git a/package-lock.json b/package-lock.json
index 9022201..ca24033 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
+        "@typeform/embed-react": "^2.31.0",
         "axios": "^1.3.3",
         "framer-motion": "^9.0.0",
         "react": "^18.2.0",
@@ -5889,6 +5890,29 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@typeform/embed": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/@typeform/embed/-/embed-2.16.1.tgz",
+      "integrity": "sha512-CId70qZjKs//Y/MP69U3di/HT6zUR609+QImsgm0gaFodKHAxBZ1bbeg1VkLDD2q5jPbnb+D0KBhE4B28lsOWQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typeform/embed-react": {
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/@typeform/embed-react/-/embed-react-2.31.0.tgz",
+      "integrity": "sha512-DZKxt38/mi9cUDAwc5sofl7pMok2t5t8xX8RsxqG7m+2ytX7C3T/ih7zrP5tReBBM2u9mt3y3/llLSvASncqrw==",
+      "dependencies": {
+        "@typeform/embed": "2.16.1",
+        "fast-deep-equal": "^3.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/@types/aria-query": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
@@ -10909,8 +10933,7 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
       "version": "3.3.0",
diff --git a/package.json b/package.json
index 16780d6..dc64ff8 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@typeform/embed-react": "^2.31.0",
     "axios": "^1.3.3",
     "framer-motion": "^9.0.0",
     "react": "^18.2.0",
diff --git a/src/pages/Profile/ProfileMentee.js b/src/pages/Profile/ProfileMentee.js
index 6d03f3b..489f5d1 100644
--- a/src/pages/Profile/ProfileMentee.js
+++ b/src/pages/Profile/ProfileMentee.js
@@ -5,6 +5,7 @@ import { Avatar, Typography, Grid, Box } from "@mui/material";
 import { Switch } from "@mui/material";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import { styled } from "@mui/material/styles";
+import Survey from "./Survey"
 
 export default function ProfileMentee({ token, pk, setAuth }) {
   // first name, last name, phone number
@@ -232,6 +233,7 @@ export default function ProfileMentee({ token, pk, setAuth }) {
           </Grid>
         </Box>
       </Box>
+      <Survey/>
     </Box >
   );
 }
diff --git a/src/pages/Profile/ProfileMentor.js b/src/pages/Profile/ProfileMentor.js
index 83a255c..de86787 100644
--- a/src/pages/Profile/ProfileMentor.js
+++ b/src/pages/Profile/ProfileMentor.js
@@ -15,6 +15,7 @@ import { Switch } from "@mui/material";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import TimeSlot from "../Profile/TimeSlot";
 import { styled } from "@mui/material/styles";
+import Survey from "./Survey"
 
 export default function ProfileMentor({ token, pk, setAuth }) {
   // first name, last name, phone number
@@ -405,6 +406,7 @@ export default function ProfileMentor({ token, pk, setAuth }) {
           />
         </Box>
       </Stack>
+        <Survey/>
     </Box>
   );
 }
diff --git a/src/pages/Profile/Survey.jsx b/src/pages/Profile/Survey.jsx
new file mode 100644
index 0000000..403c172
--- /dev/null
+++ b/src/pages/Profile/Survey.jsx
@@ -0,0 +1,20 @@
+// This component is for surveys on how to make the app better. 
+
+import { Sidetab } from '@typeform/embed-react'
+
+export default function Survey(){
+  const survey_username = localStorage.getItem("momentorsUserName")
+  
+  const hidden_field = {
+    username: survey_username
+  }
+
+
+  return (
+    <Sidetab 
+    id={process.env.REACT_APP_WEBSITE_FEEDBACK_FORM} 
+    buttonText="click to open"
+    hidden={survey_username}
+    />
+  )
+}