From 156f21622cd55b1eee68809b27d59e41dc2e1e12 Mon Sep 17 00:00:00 2001
From: akhilesh <akhileshkumar@gofynd.com>
Date: Mon, 5 Jun 2023 17:37:35 +0530
Subject: [PATCH 1/2] added feedback section

---
 src/App.jsx                          | 10 ++++
 src/components/Feedback/Feedback.jsx | 84 ++++++++++++++++++++++++++++
 2 files changed, 94 insertions(+)
 create mode 100644 src/components/Feedback/Feedback.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 5ecff9cc..485e1a2e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,6 +7,7 @@ import Signup from "./components/Signup";
 import Profile from "./components/Profile";
 import Home from "./pages/Home";
 import Movie from "./pages/Movie";
+import Feedback from "./components/Feedback/Feedback";
 import Categories from "./pages/Categories";
 import { UserAuthContextProvider } from "./context/authContext";
 import ProtectedRoute from "./components/ProtectedRoute";
@@ -54,6 +55,15 @@ function App() {
               </>
             }
           />
+          <Route
+            exact
+            path="/feedback"
+            element={
+              <>
+                <Feedback />
+              </>
+            }
+          />
           <Route
             exact
             path="/signup"
diff --git a/src/components/Feedback/Feedback.jsx b/src/components/Feedback/Feedback.jsx
new file mode 100644
index 00000000..d781ad07
--- /dev/null
+++ b/src/components/Feedback/Feedback.jsx
@@ -0,0 +1,84 @@
+import React, { useState } from 'react';
+import emailjs from 'emailjs-com'
+
+export const Feedback = () => {
+    const [email, setEmail] = useState('');
+    const [submitted, setSubmitted] = useState(false);
+    const [feedback, setFeedback] = useState('');
+    emailjs.init('1AkXF-PC-6FG2Ym15');
+
+    const handleSubmit = (e) => {
+        e.preventDefault();
+
+        const templateParams = {
+            feedback: feedback,
+            to_email: 'harshupadhye2832@gmail.com',
+            from_email: email
+        };
+        emailjs
+            .send('service_c8wox7q', 'template_47lh3vm', templateParams, '1AkXF-PC-6FG2Ym15')
+            .then((response) => {
+                console.log('Feedback sent!', response.status, response.text);
+                setSubmitted(true);
+                setFeedback('');
+                setEmail('');
+            })
+            .catch((error) => {
+                console.error('Error sending feedback:', error);
+            });
+    };
+
+    return (
+        <div>
+            <form onSubmit={handleSubmit}>
+                <textarea
+                    placeholder="Enter your feedback"
+                    style={{
+                        border: '2px solid #ccc',
+                        boxSizing: 'border-box',
+                        borderRadius: '4px',
+                        resize: 'none',
+                        width: '50%',
+                        height: '100px',
+                    }}
+                    value={feedback}
+                    onChange={(e) => setFeedback(e.target.value)}
+                />
+                <input
+                    name="email"
+                    style={{
+                        display: 'flex',
+                        alignItems: 'right',
+                        border: '2px solid #ccc',
+                        width: '50%',
+                        height: '50px',
+                        borderRadius: '4px',
+                    }}
+                    placeholder="Enter your email"
+                    value={email}
+                    onChange={(e) => setEmail(e.target.value)}
+                />
+
+                <button
+                    type="submit"
+                    style={{
+                        borderRadius: '4px',
+                        border: '1px solid #ccc',
+                        height: '40px',
+                        width: '100px',
+                        marginTop: '30px',
+                    }}
+                >
+                    Submit
+                </button>
+            </form>
+            {submitted && (
+                <div>
+                    <p>Sent!</p>
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default Feedback;

From 08002f69cd36ec0146722db1ed58396584d95b16 Mon Sep 17 00:00:00 2001
From: akhilesh <akhileshkumar@gofynd.com>
Date: Mon, 5 Jun 2023 17:42:51 +0530
Subject: [PATCH 2/2] installed email-js

---
 package-lock.json | 15 +++++++++++++++
 package.json      |  1 +
 yarn.lock         |  5 +++++
 3 files changed, 21 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index d77e5caf..67ca0015 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "@testing-library/user-event": "^13.5.0",
         "axios": "^0.26.1",
         "dotenv": "^16.0.3",
+        "emailjs-com": "^3.2.0",
         "firebase": "^9.9.4",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
@@ -5760,6 +5761,15 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.407.tgz",
       "integrity": "sha512-5smEvFSFYMv90tICOzRVP7Opp98DAC4KW7RRipg3BuNpGbbV3N+x24Zh3sbLb1T5haGtOSy/hrBfXsWnIM9aCg=="
     },
+    "node_modules/emailjs-com": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/emailjs-com/-/emailjs-com-3.2.0.tgz",
+      "integrity": "sha512-Prbz3E1usiAwGjMNYRv6EsJ5c373cX7/AGnZQwOfrpNJrygQJ15+E9OOq4pU8yC977Z5xMetRfc3WmDX6RcjAA==",
+      "deprecated": "The SDK name changed to @emailjs/browser",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -19141,6 +19151,11 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.407.tgz",
       "integrity": "sha512-5smEvFSFYMv90tICOzRVP7Opp98DAC4KW7RRipg3BuNpGbbV3N+x24Zh3sbLb1T5haGtOSy/hrBfXsWnIM9aCg=="
     },
+    "emailjs-com": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/emailjs-com/-/emailjs-com-3.2.0.tgz",
+      "integrity": "sha512-Prbz3E1usiAwGjMNYRv6EsJ5c373cX7/AGnZQwOfrpNJrygQJ15+E9OOq4pU8yC977Z5xMetRfc3WmDX6RcjAA=="
+    },
     "emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
diff --git a/package.json b/package.json
index 0321bb44..83df04fc 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "@testing-library/user-event": "^13.5.0",
     "axios": "^0.26.1",
     "dotenv": "^16.0.3",
+    "emailjs-com": "^3.2.0",
     "firebase": "^9.9.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
diff --git a/yarn.lock b/yarn.lock
index 4628badd..db80acb5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4349,6 +4349,11 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.407.tgz"
   integrity sha512-5smEvFSFYMv90tICOzRVP7Opp98DAC4KW7RRipg3BuNpGbbV3N+x24Zh3sbLb1T5haGtOSy/hrBfXsWnIM9aCg==
 
+emailjs-com@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/emailjs-com/-/emailjs-com-3.2.0.tgz"
+  integrity sha512-Prbz3E1usiAwGjMNYRv6EsJ5c373cX7/AGnZQwOfrpNJrygQJ15+E9OOq4pU8yC977Z5xMetRfc3WmDX6RcjAA==
+
 emittery@^0.8.1:
   version "0.8.1"
   resolved "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz"