From d2826f6b09abc3f86096df5447cfe2fe477b60be Mon Sep 17 00:00:00 2001
From: Om Maniya <105499099+maniyaom@users.noreply.github.com>
Date: Wed, 30 Oct 2024 13:28:39 +0530
Subject: [PATCH] Revert "Feedback theme changed according to the websites
 theme (#396)"

This reverts commit 008c1244b850339b47645d413ee77e763bfe8dba.
---
 package-lock.json        |   1 +
 package.json             |   4 +-
 src/Pages/Feedback.js    | 175 ---------------------------------------
 src/components/Navbar.js |   8 --
 src/index.js             |   2 -
 5 files changed, 4 insertions(+), 186 deletions(-)
 delete mode 100644 src/Pages/Feedback.js

diff --git a/package-lock.json b/package-lock.json
index 12f8818..211dc52 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17501,6 +17501,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
       "integrity": "sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.16.0",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
diff --git a/package.json b/package.json
index 15db250..0211ed8 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,9 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "babel-preset-react-app": "^10.0.1",
+
     "html5-qrcode": "^2.3.8",
     "tailwindcss": "^3.4.13"
+
   }
-}
+}
\ No newline at end of file
diff --git a/src/Pages/Feedback.js b/src/Pages/Feedback.js
deleted file mode 100644
index 7081d83..0000000
--- a/src/Pages/Feedback.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import React, { useState } from 'react';
-
-const FeedbackPage = () => {
-  const [formData, setFormData] = useState({
-    name: '',
-    email: '',
-    feedback: '',
-    rating: 0,
-  });
-  const [hoverRating, setHoverRating] = useState(0);
-
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData({ ...formData, [name]: value });
-  };
-
-  const handleRating = (rate) => {
-    setFormData({ ...formData, rating: rate });
-  };
-
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    console.log('Feedback Submitted:', formData);
-    // Clear the form after submission
-    setFormData({ name: '', email: '', feedback: '', rating: 0 });
-    setHoverRating(0);
-  };
-
-  return (
-    <div style={styles.container}>
-      <h2 style={styles.title}>We Value Your Feedback</h2>
-      <form onSubmit={handleSubmit} style={styles.form}>
-        <div style={styles.inputGroup}>
-          <label htmlFor="name" style={styles.label}>Name:</label>
-          <input
-            type="text"
-            id="name"
-            name="name"
-            value={formData.name}
-            onChange={handleInputChange}
-            required
-            style={styles.input}
-          />
-        </div>
-
-        <div style={styles.inputGroup}>
-          <label htmlFor="email" style={styles.label}>Email:</label>
-          <input
-            type="email"
-            id="email"
-            name="email"
-            value={formData.email}
-            onChange={handleInputChange}
-            required
-            style={styles.input}
-          />
-        </div>
-
-        <div style={styles.inputGroup}>
-          <label htmlFor="feedback" style={styles.label}>Your Feedback:</label>
-          <textarea
-            id="feedback"
-            name="feedback"
-            value={formData.feedback}
-            onChange={handleInputChange}
-            required
-            rows="4"
-            style={styles.textarea}
-          />
-        </div>
-
-        <div style={styles.inputGroup}>
-          <label htmlFor="rating" style={styles.label}>Rating:</label>
-          <div style={styles.starContainer}>
-            {[1, 2, 3, 4, 5].map((star) => (
-              <span
-                key={star}
-                style={{
-                  ...styles.star,
-                  color: (hoverRating || formData.rating) >= star ? 'rgba(248, 68, 100, 1)' : '#ccc',
-                  transform: hoverRating >= star ? 'scale(1.2)' : 'scale(1)',
-                  transition: 'transform 0.2s',
-                }}
-                onMouseEnter={() => setHoverRating(star)}
-                onMouseLeave={() => setHoverRating(0)}
-                onClick={() => handleRating(star)}
-              >
-                ★
-              </span>
-            ))}
-          </div>
-        </div>
-
-        <button type="submit" style={styles.button}>Submit Feedback</button>
-      </form>
-    </div>
-  );
-};
-
-// Enhanced Styles with rgba(248, 68, 100, 0.5) color theme and better UI
-const styles = {
-  container: {
-    maxWidth: '600px',
-    margin: '40px auto',
-    padding: '30px',
-    borderRadius: '15px',
-    boxShadow: '0 8px 16px rgba(0, 0, 0, 0.2)',
-    backgroundColor: 'rgba(248, 68, 100, 0.05)',
-  },
-  title: {
-    textAlign: 'center',
-    marginBottom: '25px',
-    fontSize: '28px',
-    color: 'rgba(248, 68, 100, 1)',
-    fontWeight: 'bold',
-    letterSpacing: '1px',
-  },
-  form: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-  inputGroup: {
-    marginBottom: '20px',
-  },
-  label: {
-    marginBottom: '8px',
-    fontSize: '18px',
-    color: 'rgba(248, 68, 100, 0.8)',
-  },
-  input: {
-    width: '100%',
-    padding: '12px',
-    borderRadius: '8px',
-    border: '1px solid rgba(248, 68, 100, 0.3)',
-    fontSize: '16px',
-    backgroundColor: '#fff',
-    transition: 'border-color 0.3s',
-  },
-  textarea: {
-    width: '100%',
-    padding: '12px',
-    borderRadius: '8px',
-    border: '1px solid rgba(248, 68, 100, 0.3)',
-    fontSize: '16px',
-    backgroundColor: '#fff',
-    transition: 'border-color 0.3s',
-  },
-  inputFocused: {
-    borderColor: 'rgba(248, 68, 100, 0.8)',
-  },
-  starContainer: {
-    display: 'flex',
-  },
-  star: {
-    fontSize: '35px',
-    cursor: 'pointer',
-    marginRight: '8px',
-  },
-  button: {
-    padding: '12px 18px',
-    backgroundColor: 'rgba(248, 68, 100, 0.8)',
-    color: '#fff',
-    border: 'none',
-    borderRadius: '8px',
-    fontSize: '18px',
-    cursor: 'pointer',
-    marginTop: '20px',
-    transition: 'background-color 0.3s',
-  },
-  buttonHover: {
-    backgroundColor: 'rgba(248, 68, 100, 1)',
-  },
-};
-
-export default FeedbackPage;
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index b1744c4..be97fa2 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -120,14 +120,6 @@ export default function Navbar() {
                         Contact Us
                       </NavLink>
                     </li>
-                    <li>
-                      <NavLink
-                        to="/Feedback"
-                        className={({ isActive }) => (isActive ? 'active-link' : 'inactive-link')}
-                      >
-                        Feedback 
-                      </NavLink>
-                    </li>
                     {!isLoggedIn && (
                       <li>
                         <NavLink
diff --git a/src/index.js b/src/index.js
index 417c90d..9ac9a6a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,7 +5,6 @@ import './index.css';
 import Home from './Pages/Home';
 import AboutUs from './Pages/AboutUs';
 import ContactUs from './Pages/ContactUs';
-import Feedback from './Feedback';
 import Login from './Pages/Login';
 import SignUp from './Pages/SignUp';
 import AddMovie from './Pages/AddMovie';
@@ -36,7 +35,6 @@ function App() {
         <Route path="/AboutUs" element={<AboutUs />} />
         <Route path="/ContactUs" element={<ContactUs />} />
         <Route path="/ContactUs/:name" element={<ContactUs />} />
-        <Route path="/feedback" element={<Feedback/>} />
         <Route path="/Login" element={<Login />} />
         <Route path="/SignUp" element={<SignUp />} />
         <Route path="/ForgotPassword" element={<ForgotPassword />} />