Avenmia/fix demographic survey size for mobile (#143)

* Fixing demographic survey width

* Adding y overflow scroll on demographic survey

* Removing y scroll and justify content center on demographic survey

* Removing extra console.log statements

src/components/survey/demographicssurvey.tsx

@@ -162,7 +162,7 @@ export default function DemographicsSurvey() {
     );
   };
   return (
-    <div className="flex h-screen flex-col items-center justify-center">
+    <div className="flex h-screen flex-col items-center">
       {surveyCompleted ? (
         completedSurvey()
       ) : (

src/components/survey/surveyquestion.tsx

@@ -71,7 +71,7 @@ export default function SurveyQuestion({
     }
   };
   return (
-    <div className="mt-8 flex w-[32rem] flex-col rounded-md bg-[#FFFFFF] px-8 py-8 shadow-xl">
+    <div className="mt-8 flex max-w-[32rem] flex-col rounded-md bg-[#FFFFFF] px-8 py-8 shadow-xl">
       <h1 className="mb-8 font-semibold">
         {surveyInfo.questionNumber + 1}. {question.question}
       </h1>

src/pages/api/export.js

@@ -5,8 +5,8 @@ import multiparty from "multiparty";
 import ObjectsToCsv from "objects-to-csv";
 import csv from "csv-parser";
 import fs from "fs";
-import { authOptions } from './../../server/auth'
-import { getServerSession } from "next-auth/next"
+import { authOptions } from "./../../server/auth";
+import { getServerSession } from "next-auth/next";
 
 import { prisma } from "../../server/db";
 
@@ -17,12 +17,17 @@ export const config = {
   },
 };
 
-export const authorizedEmails = fs.readFileSync(process.env.AUTHORIZED_POLIS_CONVERT_EMAILS_FILE, 'utf8').split(/\r?\n/);
-console.log("Emails authorized to export POLIS data: " + authorizedEmails);
+export const authorizedEmails = fs
+  .readFileSync(process.env.AUTHORIZED_POLIS_CONVERT_EMAILS_FILE, "utf8")
+  .split(/\r?\n/);
 
 function handleError(error, res) {
   console.error(error.stack);
-  res.status(500).end("Sorry, an error occured while processing a Pol.is export. The error has been logged for admistrators.");
+  res
+    .status(500)
+    .end(
+      "Sorry, an error occured while processing a Pol.is export. The error has been logged for admistrators."
+    );
 }
 
 const handler = nc({
@@ -31,7 +36,6 @@ const handler = nc({
     res.status(404).end("Page is not found");
   },
 }).post(async (req, res) => {
-
   const sessionData = await getServerSession(req, res, authOptions);
 
   if (!sessionData) {
@@ -40,7 +44,9 @@ const handler = nc({
   }
   const email = sessionData.user.email;
   if (!authorizedEmails.includes(email)) {
-    res.status(403).end(email + ", you are not authorized to export Pol.is data.");
+    res
+      .status(403)
+      .end(email + ", you are not authorized to export Pol.is data.");
     return;
   }
 
@@ -92,18 +98,19 @@ const handler = nc({
       })
       .on("end", function () {
         // wait for all promises to be completed
-        Promise.all(output).then((resolved) => {
-          // convert all rows back to CSV
-          // TODO - remove numeral keys from object, so that they are not added as extra columns in export
-          new ObjectsToCsv(resolved).toString().then((text) => {
-            // write CSV to output stream
-            res.setHeader("Content-Type", "text/csv");
-            res.end(text);
+        Promise.all(output)
+          .then((resolved) => {
+            // convert all rows back to CSV
+            // TODO - remove numeral keys from object, so that they are not added as extra columns in export
+            new ObjectsToCsv(resolved).toString().then((text) => {
+              // write CSV to output stream
+              res.setHeader("Content-Type", "text/csv");
+              res.end(text);
+            });
+          })
+          .catch((error) => {
+            handleError(error, res);
           });
-        })
-        .catch(error => {
-          handleError(error, res);
-        });
       });
   });
 });

src/pages/loggedinas.tsx

@@ -5,7 +5,6 @@ interface LoggedInAsProps {
 }
 
 export default function LoggedInAs({ email }: LoggedInAsProps) {
-  console.log("Email is:", email);
   if (!email) {
     return null;
   }