From ed1922897b3653ef98d2538a1a8b4d0a7f01ff89 Mon Sep 17 00:00:00 2001 From: Priya <105431748+Priyaaa1@users.noreply.github.com> Date: Sat, 15 Jun 2024 15:32:00 +0530 Subject: [PATCH] Revert "Added "Feedback Form/Page" to "Star Connect Hub" Website" --- src/App.jsx | 5 +- src/Components/Footer/Footer.jsx | 2 - src/Components/Navbar/Navbar.jsx | 7 -- src/Pages/FeedbackForm.jsx | 111 ------------------------------- src/Pages/feedback.css | 94 -------------------------- 5 files changed, 1 insertion(+), 218 deletions(-) delete mode 100644 src/Pages/FeedbackForm.jsx delete mode 100644 src/Pages/feedback.css diff --git a/src/App.jsx b/src/App.jsx index 1062920..ef8480d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -32,7 +32,6 @@ import InvestorManagementPage from "./Pages/InvestorManagementPage"; import FinancialServices from './Pages/FinancialServices' import FullServiceFund from './Pages/FullServiceFund'; import { PiSelectionInverseThin } from "react-icons/pi"; -import FeedbackPage from './Pages/FeedbackForm'; import Notfound from './Components/Notfound/Notfound'; export const ThemeContext = createContext(); @@ -80,9 +79,7 @@ const App = () => { }/> }/> }/> -} /> -} /> - + }/> diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx index 57fbf43..80ec567 100644 --- a/src/Components/Footer/Footer.jsx +++ b/src/Components/Footer/Footer.jsx @@ -27,7 +27,6 @@ const Footer = () => { }; return ( -
@@ -58,7 +57,6 @@ const Footer = () => { scrollToSection("accordian")}>
  • FAQ
    •  -
  • Feedback
    •
    diff --git a/src/Components/Navbar/Navbar.jsx b/src/Components/Navbar/Navbar.jsx index d99c7e7..415b84f 100644 --- a/src/Components/Navbar/Navbar.jsx +++ b/src/Components/Navbar/Navbar.jsx @@ -138,13 +138,6 @@ const Navbar = () => {
    -
  • -
    - - Feedback - -
    -
  • diff --git a/src/Pages/FeedbackForm.jsx b/src/Pages/FeedbackForm.jsx deleted file mode 100644 index e9ff605..0000000 --- a/src/Pages/FeedbackForm.jsx +++ /dev/null @@ -1,111 +0,0 @@ -import {React,useEffect, useState} from 'react'; -import "./feedback.css"; - -function FeedbackPage() { - useEffect(() => { - window.scrollTo(0, 0); - }, []); - const [rating, setRating] = useState(null); - const [name, setName] = useState(""); - const [email, setEmail] = useState(""); - const [feedback, setFeedback] = useState(""); - - const getEmojis = () => { - switch (rating) { - case 1: - return "😡 😶 😶 😶 😶"; - case 2: - return "😒 😒 😶 😶 😶"; - case 3: - return "😐 😐 😐 😶 😶"; - case 4: - return "😊 😊 😊 😊 😶"; - case 5: - return "😁 😁 😁 😁 😁"; - default: - return "😶 😶 😶 😶 😶"; - } - }; - - const handleRatingChange = (value) => { - setRating(value); - }; - - const handleNameChange = (e) => { - setName(e.target.value); - }; - - const handleEmailChange = (e) => { - setEmail(e.target.value); - }; - - const handleFeedbackChange = (e) => { - setFeedback(e.target.value); - }; - - const handleSubmit = (e) => { - e.preventDefault(); - const subject = encodeURIComponent("Feedback and Suggestions for Improvement"); - const body = encodeURIComponent( - `Name: ${name}\nEmail: ${email}\nRating: ${rating}\nFeedback: ${feedback}` - ); - window.location.href = `mailto:maheshwaribasu4@gmail.com?subject=${subject}&body=${body}`; - }; - - return ( -
    -
    -

    We'd Love Your Feedback!

    -

    Let us know how we're doing and how we can improve.
    StartConnect-Hub

    -
    - -
    - {[1, 2, 3, 4, 5].map((value) => ( - - ))} -
    -
    -
    - - - - - - - -
    -
    -
    - ); -} - -export default FeedbackPage; diff --git a/src/Pages/feedback.css b/src/Pages/feedback.css deleted file mode 100644 index bf5b813..0000000 --- a/src/Pages/feedback.css +++ /dev/null @@ -1,94 +0,0 @@ -.feedback-form { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 20px; - background-color: #f9f9f9; - border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - width: 600px; - margin-top: 95px; - margin-bottom: 10px; - margin-right: 500px; - margin-left: 500px; - - } - - .feedback-form h2 { - color: #0022c9; - font-size: 28px; - margin-bottom: 5px; - } - - .feedback-form p { - color: #666; - font-size: 16px; - margin-bottom: 20px; - } - - .feedback-form .rating-container { - display: flex; - gap: 10px; - margin-bottom: 20px; - } - - .feedback-form button { - background: none; - border: none; - font-size: 24px; - cursor: pointer; - transition: transform 0.2s ease; - } - - /* Form styling */ - .feedback-form form { - display: flex; - flex-direction: column; - width: 110%; - } - - .feedback-form label { - font-size: 14px; - margin-bottom: 5px; - color: #333; - } - - .feedback-form input[type="text"], - .feedback-form input[type="email"], - .feedback-form textarea { - padding: 10px; - border: 1px solid #ccc; - border-radius: 5px; - font-size: 14px; - margin-bottom: 15px; - width: 100%; - box-sizing: border-box; - } - - .feedback-form input[type="text"]:focus, - .feedback-form input[type="email"]:focus, - .feedback-form textarea:focus { - outline: none; - border-color: #007bff; - } - - .feedback-form textarea { - resize: vertical; - } - - .feedback-form button[type="submit"] { - background-color: #2989ffec; - color: white; - border: none; - padding: 10px 15px; - border-radius: 5px; - cursor: pointer; - font-size: 16px; - transition: background-color 0.3s ease; - } - - .feedback-form button[type="submit"]:hover { - background-color: #04376e; - transform: none; - }