From eb0d60d90ee247cde222655dbdef41b8dddb68ee Mon Sep 17 00:00:00 2001
From: xkeshav <xkeshav@gmail.com>
Date: Sun, 2 Mar 2025 14:35:28 +0530
Subject: [PATCH] [RZA-2500050]: remove feedback and survey form which using
 SSR

---
 astro.config.mjs                  |   5 +-
 src/components/FeedbackForm.astro |  91 --------------
 src/components/surveyForm.astro   | 193 ------------------------------
 src/pages/api/feedback.ts         |  73 -----------
 src/pages/api/survey.ts           |  98 ---------------
 src/pages/blog/[slug].astro       |   1 +
 src/pages/feedback.astro          |   9 --
 src/pages/survey.astro            |  11 --
 src/utils/constants.ts            |  12 --
 9 files changed, 3 insertions(+), 490 deletions(-)
 delete mode 100644 src/components/FeedbackForm.astro
 delete mode 100644 src/components/surveyForm.astro
 delete mode 100644 src/pages/api/feedback.ts
 delete mode 100644 src/pages/api/survey.ts
 delete mode 100644 src/pages/feedback.astro
 delete mode 100644 src/pages/survey.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index bc4153c..dfa97f3 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,5 +1,4 @@
 import mdx from "@astrojs/mdx";
-import node from "@astrojs/node";
 import react from "@astrojs/react";
 import tailwind from "@astrojs/tailwind";
 import { defineConfig } from "astro/config";
@@ -37,6 +36,6 @@ export default defineConfig({
     optimizeDeps: {
       exclude: ["@resvg/resvg-js"]
     }
-  },
-  adapter: node({ mode: "standalone" })
+  }
+  //adapter: node({ mode: "standalone" })
 });
diff --git a/src/components/FeedbackForm.astro b/src/components/FeedbackForm.astro
deleted file mode 100644
index 3f6e93c..0000000
--- a/src/components/FeedbackForm.astro
+++ /dev/null
@@ -1,91 +0,0 @@
----
-import "@/assets/styles/feedback.css";
----
-
-<div class="container__feed">
-  <div class="form-wrapper">
-    <div class="form-header">
-      <h2>Share Your Feedback</h2>
-      <p>We value your thoughts and suggestions</p>
-    </div>
-
-    <form id="feedbackForm">
-      <div id="errorMessage" class="error-message" aria-live="polite">Error message goes here</div>
-
-      <div class="form-group">
-        <label for="name">Name</label>
-        <input type="text" id="name" name="name" required minlength="2" placeholder="Your name" />
-      </div>
-
-      <div class="form-group">
-        <label for="feedback">Feedback</label>
-        <textarea id="feedback" name="feedback" rows="4" required minlength="10" placeholder="Share your thoughts..."
-        ></textarea>
-      </div>
-
-      <div class="button-container">
-        <button type="submit" id="submitButton">Submit Feedback</button>
-      </div>
-    </form>
-  </div>
-</div>
-
-<script>
-  const form = document.getElementById("feedbackForm") as HTMLFormElement;
-  const errorDiv = document.getElementById("errorMessage") as HTMLDivElement;
-  const submitButton = document.getElementById("submitButton") as HTMLButtonElement;
-
-  function showError(message: string) {
-    errorDiv.textContent = message;
-    errorDiv.style.display = "block";
-  }
-
-  form.addEventListener("submit", async (e) => {
-    e.preventDefault();
-    errorDiv.style.display = "none";
-
-    const formData = new FormData(form);
-    const userName = formData.get("name") as string;
-    const feedback = formData.get("feedback") as string;
-
-    console.log({ formData, userName, feedback });
-
-    console.log(formData.entries());
-
-    // Client-side validation
-    if (userName.trim().length < 2) {
-      showError("Name must be at least 2 characters long.");
-      return;
-    }
-    if (feedback.trim().length < 10) {
-      showError("Feedback must be at least 10 characters long.");
-      return;
-    }
-
-    submitButton.disabled = true;
-    submitButton.textContent = "Submitting...";
-
-    try {
-      const response = await fetch("/api/feedback", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(Object.fromEntries(formData))
-      });
-
-      if (response.ok) {
-        window.location.href = "/feedback";
-      } else {
-        const data = await response.json();
-        showError(data.error || "Failed to submit feedback.");
-      }
-    } catch (error) {
-      console.error(error);
-      showError("An unexpected error occurred. Please try again.");
-    } finally {
-      submitButton.disabled = false;
-      submitButton.textContent = "Submit Feedback";
-    }
-  });
-</script>
diff --git a/src/components/surveyForm.astro b/src/components/surveyForm.astro
deleted file mode 100644
index dd88017..0000000
--- a/src/components/surveyForm.astro
+++ /dev/null
@@ -1,193 +0,0 @@
----
-import type { SurveyData } from "@/types";
-import "@/assets/styles/survey.css";
-
-interface Props {
-  data: SurveyData;
-}
-
-const { data } = Astro.props;
----
-
-<div class="survey-wrapper">
-  <div id="surveyContainer" class="survey-container">
-    <div class="survey-header">
-      <h1>{data.surveyTitle}</h1>
-      <p>{data.description}</p>
-    </div>
-
-    <div class="questions-container">
-      <form id="surveyForm" class="survey-form">
-        {
-          data.questions.map((question, index) => (
-            <div class="question-card">
-              <h3>
-                <span class="question-number">{index + 1}.</span>
-                {question.questionText}
-              </h3>
-
-              {question.type === "openEnded" ? (
-                <textarea
-                  name={`q${question.id}`}
-                  class="textarea-input"
-                  rows="4"
-                  placeholder="Type your answer here..."
-                />
-              ) : question.type === "singleChoice" ? (
-                <div class="options-group">
-                  {question.options?.map((option) => (
-                    <label class="option-label">
-                      <input type="radio" name={`q${question.id}`} value={option} class="radio-input" />
-                      <span class="radio-text">{option}</span>
-                    </label>
-                  ))}
-                </div>
-              ) : (
-                <div class="options-group">
-                  {question.options?.map((option) => (
-                    <label class="option-label">
-                      <input type="checkbox" name={`q${question.id}`} value={option} class="checkbox-input" />
-                      <span class="checkbox-text">{option}</span>
-                    </label>
-                  ))}
-                </div>
-              )}
-            </div>
-          ))
-        }
-
-        <div class="survey-controls">
-          <button type="submit" class="submit-btn">Submit Survey</button>
-          <button type="button" class="download-btn" id="downloadResults"> Download Results </button>
-        </div>
-      </form>
-    </div>
-  </div>
-
-  <!-- Thank You Page -->
-  <div id="thankYouPage" style="display: none;">
-    <div class="thank-you-container">
-      <h2>Thank You!</h2>
-      <p>Your survey responses have been submitted successfully.</p>
-      <button id="returnToSurvey" class="return-btn">Take Survey Again</button>
-    </div>
-  </div>
-</div>
-
-<script>
-  // Function to collect form data and convert to JSON
-  function collectFormData(form: any) {
-    const formData = new FormData(form);
-    const data = {} as Record<string, any>;
-
-    formData.forEach((value, key) => {
-      if (key in data) {
-        if (Array.isArray(data[key])) {
-          data[key].push(value);
-        } else {
-          data[key] = [data[key], value];
-        }
-      } else {
-        data[key] = value;
-      }
-    });
-
-    return data;
-  }
-
-  // DOM elements
-  const surveyForm = document.getElementById("surveyForm");
-  const downloadBtn = document.getElementById("downloadResults");
-  const thankYouPage = document.getElementById("thankYouPage");
-  const returnBtn = document.getElementById("returnToSurvey");
-  const surveyContainer = document.getElementById("surveyContainer");
-
-  // Submit form handler
-  async function handleSubmit(event: any) {
-    event.preventDefault();
-
-    // Show loading state
-    const submitBtn = event.target.querySelector(".submit-btn");
-    const originalText = submitBtn.textContent;
-    submitBtn.textContent = "Submitting...";
-    submitBtn.disabled = true;
-
-    try {
-      // Collect form data
-      const formData = collectFormData(event.target);
-      console.log("Form data collected:", formData);
-
-      // Send data to the API
-      const response = await fetch("/api/survey", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(formData)
-      });
-
-      if (!response.ok) {
-        const errorText = await response.text();
-        throw new Error(`Server error: ${response.status} - ${errorText}`);
-      }
-
-      const result = await response.json();
-      console.log("API response:", result);
-
-      // Show thank you page
-      if (surveyContainer) surveyContainer.style.display = "none";
-      if (thankYouPage) thankYouPage.style.display = "block";
-
-      // Reset the form
-      event.target.reset();
-    } catch (error) {
-      console.error("Error submitting survey:", error);
-      // Reset button state
-      submitBtn.textContent = originalText;
-      submitBtn.disabled = false;
-    }
-  }
-
-  // Download results handler
-  function handleDownload() {
-    if (!surveyForm) return;
-
-    const formData = collectFormData(surveyForm);
-    const jsonData = JSON.stringify(formData, null, 2);
-
-    const blob = new Blob([jsonData], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = "survey_results.json";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  }
-
-  // Return to survey handler
-  function handleReturn() {
-    if (thankYouPage) thankYouPage.style.display = "none";
-    if (surveyContainer) surveyContainer.style.display = "block";
-  }
-
-  // Add event listeners
-  if (surveyForm) {
-    surveyForm.addEventListener("submit", handleSubmit);
-  }
-
-  if (downloadBtn) {
-    downloadBtn.addEventListener("click", handleDownload);
-  }
-
-  if (returnBtn) {
-    returnBtn.addEventListener("click", handleReturn);
-  }
-
-  // Debug log to ensure script is running
-  console.log("Survey script initialized");
-</script>
-
-<style></style>
diff --git a/src/pages/api/feedback.ts b/src/pages/api/feedback.ts
deleted file mode 100644
index c709dc4..0000000
--- a/src/pages/api/feedback.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-// src/pages/api/submit-feedback.ts
-import type { APIRoute } from "astro";
-import fs from "node:fs/promises";
-import path from "node:path";
-
-// Add this line to enable server-side rendering
-export const prerender = false;
-
-export const POST: APIRoute = async ({ request }) => {
-  console.log({ request });
-  try {
-    // Get the raw body and parse it manually
-    const data = await request.json();
-    console.log({ data });
-    const name = data.name?.trim();
-    const feedback = data.feedback?.trim();
-
-    // Validate input
-    if (!name || !feedback) {
-      return new Response(JSON.stringify({ error: "Name and feedback are required." }), {
-        status: 400,
-        headers: {
-          "Content-Type": "application/json"
-        }
-      });
-    }
-
-    const newFeedback = {
-      id: Date.now(),
-      name,
-      feedback,
-      timestamp: new Date().toISOString()
-    };
-
-    const dataDir = path.join(process.cwd(), "src/data");
-    const filePath = path.join(dataDir, "feedback.json");
-
-    // Ensure the data directory exists
-    try {
-      await fs.access(dataDir);
-    } catch {
-      await fs.mkdir(dataDir, { recursive: true });
-    }
-
-    // Read and update existing feedback
-    let existingFeedback = [];
-    try {
-      const fileContent = await fs.readFile(filePath, "utf-8");
-      existingFeedback = JSON.parse(fileContent);
-      if (!Array.isArray(existingFeedback)) throw new Error();
-    } catch {
-      existingFeedback = [];
-    }
-
-    existingFeedback.push(newFeedback);
-    await fs.writeFile(filePath, JSON.stringify(existingFeedback, null, 2), "utf-8");
-
-    return new Response(JSON.stringify({ success: true }), {
-      status: 200,
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-  } catch (err) {
-    console.error("Error processing feedback:", err);
-    return new Response(JSON.stringify({ error: "An error occurred while saving your feedback." }), {
-      status: 500,
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-  }
-};
diff --git a/src/pages/api/survey.ts b/src/pages/api/survey.ts
deleted file mode 100644
index 99b63e4..0000000
--- a/src/pages/api/survey.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-// src/pages/api/survey.ts
-import type { APIRoute } from "astro";
-import fs from "node:fs/promises";
-import path from "node:path";
-
-// This tells Astro this endpoint needs server-side rendering
-export const prerender = false;
-
-export const POST: APIRoute = async ({ request }) => {
-  try {
-    const data = await request.json();
-    console.log("Received data in API:", data);
-
-    // Get the current working directory
-    const cwd = process.cwd();
-    console.log("Current working directory:", cwd);
-
-    // Create responses directory if it doesn't exist
-    const responsesDir = path.join(cwd, "public", "responses");
-    console.log("Attempting to create/access directory:", responsesDir);
-
-    try {
-      await fs.mkdir(responsesDir, { recursive: true });
-    } catch (mkdirError) {
-      console.error("Error creating directory:", mkdirError);
-      // Continue execution even if directory exists
-    }
-
-    // Fixed filename
-    const filename = "survey-responses.json";
-    const filepath = path.join(responsesDir, filename);
-    console.log("Writing file to:", filepath);
-
-    // Read existing data (if any)
-    let existingData = [];
-    try {
-      const fileContent = await fs.readFile(filepath, "utf-8");
-      existingData = JSON.parse(fileContent);
-    } catch (readError) {
-      // If the file doesn't exist, we'll start with an empty array
-      console.log("No existing file found, starting fresh.");
-    }
-
-    // Generate a unique ID and timestamp for the new entry
-    const id = existingData.length > 0 ? existingData[existingData.length - 1].id + 1 : 1;
-    const timestamp = new Date().toISOString();
-
-    // Append new data to existing data with ID and timestamp
-    const newEntry = {
-      id,
-      timestamp,
-      ...data
-    };
-    existingData.push(newEntry);
-
-    // Save updated data to JSON file
-    try {
-      await fs.writeFile(filepath, JSON.stringify(existingData, null, 2), "utf-8");
-      console.log("File updated successfully");
-    } catch (writeError) {
-      console.error("Error writing file:", writeError);
-      throw writeError;
-    }
-
-    return new Response(
-      JSON.stringify({
-        success: true,
-        message: "Survey response saved successfully",
-        filename: filename,
-        id,
-        timestamp
-      }),
-      {
-        status: 200,
-        headers: {
-          "Content-Type": "application/json"
-        }
-      }
-    );
-  } catch (error) {
-    console.error("Full error details:", error);
-
-    return new Response(
-      JSON.stringify({
-        success: false,
-        message: "Failed to save survey response",
-        error: error instanceof Error ? error.message : "Unknown error",
-        errorDetails: error
-      }),
-      {
-        status: 500,
-        headers: {
-          "Content-Type": "application/json"
-        }
-      }
-    );
-  }
-};
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 74affb1..40e718a 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -4,6 +4,7 @@ import "@/assets/styles/page.css";
 import { blogSchema } from "@/content.config";
 import BaseLayout from "@/layouts/Base";
 import { getCollection, getEntry, render } from "astro:content";
+
 export const prerender = true;
 
 export async function getStaticPaths() {
diff --git a/src/pages/feedback.astro b/src/pages/feedback.astro
deleted file mode 100644
index 4046ec6..0000000
--- a/src/pages/feedback.astro
+++ /dev/null
@@ -1,9 +0,0 @@
----
-import BaseLayout from "@/layouts/Base";
-
-import FeedbackForm from "@/components/FeedbackForm.astro";
----
-
-<BaseLayout meta={{ title: "Feedback" }}>
-  <FeedbackForm />
-</BaseLayout>
diff --git a/src/pages/survey.astro b/src/pages/survey.astro
deleted file mode 100644
index b81ad99..0000000
--- a/src/pages/survey.astro
+++ /dev/null
@@ -1,11 +0,0 @@
----
-import SurveyForm from "@/components/surveyForm.astro";
-import BaseLayout from "@/layouts/Base";
-import type { SurveyData } from "@/types";
-import surveyData from "../data/survey.json";
----
-
-<!--<Debug data={surveyData} />-->
-<BaseLayout meta={{ title: "Survey Form" }}>
-  <SurveyForm data={surveyData as SurveyData} />
-</BaseLayout>
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 592dee2..de2216d 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -102,18 +102,6 @@ export const NavbarLinks: LinkProps[] = [
     title: "Draw",
     path: "/draw",
     isActive: true
-  },
-  {
-    name: "Feedback",
-    title: "Feedback Form",
-    path: "/feedback",
-    isActive: true
-  },
-  {
-    name: "Survey",
-    title: "Survey",
-    path: "/survey",
-    isActive: true
   }
 ];