From 56166a7545b02bacae6e6b51bd182b669cdd3851 Mon Sep 17 00:00:00 2001
From: Abhimanyu-dev <abhimanyusolanki4841@gmail.com>
Date: Sun, 1 Dec 2024 00:09:39 +0530
Subject: [PATCH 1/2] Added Wak In

---
 callbacks/admin/addquestion.ts                |   1 +
 callbacks/admin/rc/proforma/question.ts       |   1 +
 callbacks/constants.ts                        |   1 +
 callbacks/student/rc/applyQuestions.ts        |   6 +-
 components/Modals/AddApplyQuestion.tsx        |  13 ++
 .../proforma/[proformaid]/question/index.tsx  |   5 +
 .../opening/[openingid]/application.tsx       | 208 ++++++++++++++++++
 .../rc/[rcid]/opening/[openingid]/walkin.tsx  | 206 +++++++++++++++++
 pages/student/rc/[rcid]/opening/index.tsx     | 152 ++++++++++++-
 .../[walkinid]}/apply.tsx                     |   0
 10 files changed, 589 insertions(+), 4 deletions(-)
 create mode 100644 pages/student/rc/[rcid]/opening/[openingid]/application.tsx
 create mode 100644 pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
 rename pages/student/rc/[rcid]/{opening/[openingid] => walkin/[walkinid]}/apply.tsx (100%)

diff --git a/callbacks/admin/addquestion.ts b/callbacks/admin/addquestion.ts
index 9e1234f3..30cba859 100644
--- a/callbacks/admin/addquestion.ts
+++ b/callbacks/admin/addquestion.ts
@@ -13,6 +13,7 @@ export interface QuestionType {
   ID: number;
   CreatedAt: string;
   UpdatedAt: string;
+  event: string;
   type: string;
   question: string;
   recruitment_cycle_id: number;
diff --git a/callbacks/admin/rc/proforma/question.ts b/callbacks/admin/rc/proforma/question.ts
index cab68bc2..bf98e231 100644
--- a/callbacks/admin/rc/proforma/question.ts
+++ b/callbacks/admin/rc/proforma/question.ts
@@ -14,6 +14,7 @@ export interface QuestionProforma {
   qid: number;
   CreatedAt: string;
   UpdatedAt: string;
+  event: string;
   type: string;
   question: string;
   recruitment_cycle_id: number;
diff --git a/callbacks/constants.ts b/callbacks/constants.ts
index 1a2c611e..2e1a7a76 100644
--- a/callbacks/constants.ts
+++ b/callbacks/constants.ts
@@ -12,6 +12,7 @@ export const ADMIN_RC_URL = `${BASE_URL}/api/admin/rc`;
 export const ADMIN_STUDENT_URL = `${BASE_URL}/api/admin/student`;
 export const ADMIN_COMPANY_URL = `${BASE_URL}/api/admin/company`;
 export const ADMIN_APPLICATION_URL = `${BASE_URL}/api/admin/application`;
+export const ADMIN_URL = `${BASE_URL}/api/admin`;
 
 export const CDN_URL = `${BASE_URL}/cdn`;
 
diff --git a/callbacks/student/rc/applyQuestions.ts b/callbacks/student/rc/applyQuestions.ts
index 2306fad5..c995fc91 100644
--- a/callbacks/student/rc/applyQuestions.ts
+++ b/callbacks/student/rc/applyQuestions.ts
@@ -11,6 +11,7 @@ import { errorNotification, successNotification } from "@callbacks/notifcation";
 export interface studentApplicationQuestions {
   ID: number;
   proforma_id: number;
+  event: string;
   type: string;
   question: string;
   options: string;
@@ -37,7 +38,10 @@ const responseBody = <T>(response: AxiosResponse<T>) => response.data;
 const applicationRequest = {
   getApplicationQuestion: (token: string, rcid: string, pid: string) =>
     instance
-      .get(`/application/rc/${rcid}/opening/${pid}`, setConfig(token))
+      .get<studentApplicationQuestions[]>(
+        `/application/rc/${rcid}/opening/${pid}`,
+        setConfig(token)
+      )
       .then(responseBody)
       .catch((err: ErrorType) => {
         errorNotification("Error", err.response?.data?.error || err.message);
diff --git a/components/Modals/AddApplyQuestion.tsx b/components/Modals/AddApplyQuestion.tsx
index 88df55ac..83896fd2 100644
--- a/components/Modals/AddApplyQuestion.tsx
+++ b/components/Modals/AddApplyQuestion.tsx
@@ -64,6 +64,7 @@ function AddApplyQuestion({
       );
       if (response) {
         reset({
+          event: "",
           question: "",
           mandatory: false,
           options: "",
@@ -81,6 +82,18 @@ function AddApplyQuestion({
       <Stack spacing={3}>
         <FormControl onSubmit={handleSubmit(onSubmit)}>
           <h2 style={{ margin: "20px 0px 50px 0px" }}>Additional Questions</h2>
+          <FormControl sx={{ m: 1 }}>
+            <InputLabel id="Event">Application / Walk In Interview</InputLabel>
+            <Select
+              labelId="Event"
+              label="Event"
+              variant="standard"
+              {...register("event")}
+            >
+              <MenuItem value="Application">Application</MenuItem>
+              <MenuItem value="Walk In">Walk In</MenuItem>
+            </Select>
+          </FormControl>
           <FormControl sx={{ m: 1 }}>
             <InputLabel id="Type-of-Ques">Type of Question</InputLabel>
             <Select
diff --git a/pages/admin/rc/[rcid]/proforma/[proformaid]/question/index.tsx b/pages/admin/rc/[rcid]/proforma/[proformaid]/question/index.tsx
index 523c712e..c432bff0 100644
--- a/pages/admin/rc/[rcid]/proforma/[proformaid]/question/index.tsx
+++ b/pages/admin/rc/[rcid]/proforma/[proformaid]/question/index.tsx
@@ -57,6 +57,11 @@ const columns: GridColDef[] = [
     headerName: "ID",
     width: 150,
   },
+  {
+    field: "event",
+    headerName: "Event",
+    width: 150,
+  },
   {
     field: "type",
     headerName: "Question Type",
diff --git a/pages/student/rc/[rcid]/opening/[openingid]/application.tsx b/pages/student/rc/[rcid]/opening/[openingid]/application.tsx
new file mode 100644
index 00000000..a5f4f849
--- /dev/null
+++ b/pages/student/rc/[rcid]/opening/[openingid]/application.tsx
@@ -0,0 +1,208 @@
+import { useRouter } from "next/router";
+import React, { useEffect, useState } from "react";
+import {
+  Box,
+  Button,
+  FormControl,
+  FormControlLabel,
+  Radio,
+  RadioGroup,
+  Stack,
+  TextField,
+  Typography,
+} from "@mui/material";
+import { useForm } from "react-hook-form";
+
+import applicationRequest, {
+  answerApplication,
+  studentApplicationQuestions,
+} from "@callbacks/student/rc/applyQuestions";
+import Meta from "@components/Meta";
+import useStore from "@store/store";
+
+const boxStyle = {
+  width: { xs: "330px", md: "500px" },
+  bgcolor: "background.paper",
+  border: "white solid 2px",
+  borderRadius: "10px",
+  boxShadow: 24,
+  p: 4,
+  marginTop: 5,
+  marginBottom: 10,
+  alignItems: "center",
+};
+function Apply() {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm();
+
+  const router = useRouter();
+  const { rcid, openingid, rsid } = router.query;
+
+  const { token } = useStore();
+  const [questions, setQuestions] = useState<studentApplicationQuestions[]>();
+  useEffect(() => {
+    if (!rcid || !openingid) return;
+    const fetch = async () => {
+      const response = await applicationRequest
+        .getApplicationQuestion(token, rcid.toString(), openingid.toString())
+        .catch(() => [{ type: "null" }] as studentApplicationQuestions[]);
+      setQuestions(
+        response.filter((question) => question.event === "Application")
+      );
+    };
+    fetch();
+  }, [rcid, token, router, openingid]);
+
+  const onSubmit = async (data: any) => {
+    if (questions) {
+      let res: answerApplication[] = [];
+      questions.forEach((question) => {
+        let obj: answerApplication = {
+          application_question_id: question.ID,
+          answer: data[question.ID],
+        };
+        res.push(obj);
+      });
+      if (rcid && openingid && rsid) {
+        await applicationRequest.postApplicationAnswer(
+          token,
+          rcid.toString(),
+          openingid.toString(),
+          { resume_id: parseInt(rsid.toString(), 10), answers: res }
+        );
+      }
+    }
+    router.push(`/student/rc/${rcid}/opening`);
+  };
+
+  const renderSwitch = (
+    index: number,
+    question: studentApplicationQuestions
+  ) => {
+    if (question) {
+      let name = question.ID.toString();
+      switch (question?.type) {
+        case "MCQ":
+          return (
+            <FormControl>
+              <RadioGroup
+                aria-labelledby="demo-radio-buttons-group-label"
+                defaultValue={question.answer}
+                row
+              >
+                {question.options
+                  .toString()
+                  .split(",")
+                  .map((option) => (
+                    <FormControlLabel
+                      key={option}
+                      value={option}
+                      control={<Radio />}
+                      label={option}
+                      {...register(name)}
+                    />
+                  ))}
+              </RadioGroup>
+              {errors[name] && (
+                <Typography variant="caption" color="error">
+                  *Required
+                </Typography>
+              )}
+            </FormControl>
+          );
+        case "Short Answer":
+          return (
+            <TextField
+              multiline
+              minRows={3}
+              defaultValue={question.answer}
+              variant="standard"
+              error={errors[name]}
+              helperText={errors[name] && "*Required"}
+              {...register(name)}
+            />
+          );
+        case "Boolean":
+          return (
+            <FormControl>
+              <RadioGroup
+                aria-labelledby="demo-radio-buttons-group-label"
+                defaultValue={question.answer}
+                row
+              >
+                <FormControlLabel
+                  value="true"
+                  control={<Radio />}
+                  label="True"
+                  {...register(name)}
+                />
+                <FormControlLabel
+                  value="false"
+                  control={<Radio />}
+                  label="False"
+                  {...register(name)}
+                />
+              </RadioGroup>
+              {errors[name] && (
+                <Typography variant="caption" color="error">
+                  *Required
+                </Typography>
+              )}
+            </FormControl>
+          );
+        default:
+          return <div />;
+      }
+    }
+    return <div />;
+  };
+
+  return (
+    <div>
+      <Meta title="RC - Openings - QnA" />
+      <Stack alignItems="center" spacing={4}>
+        <Box sx={boxStyle}>
+          <Stack spacing={4}>
+            <Stack spacing={2} alignItems="flex-start">
+              <h2>Application Questions</h2>
+              {questions &&
+                questions.length > 0 &&
+                questions.map((question, index) => (
+                  <FormControl key={question.ID} sx={{ m: 1, width: "100%" }}>
+                    <h3 style={{ fontWeight: 300 }}>
+                      <b>Ques: </b> {questions[index]?.question}
+                    </h3>
+                    {questions && renderSwitch(index, question)}
+                  </FormControl>
+                ))}
+              {questions && questions.length === 0 && (
+                <h4>No Questions Found!</h4>
+              )}
+            </Stack>
+            <Stack spacing={2} alignItems="flex-start" direction="row">
+              <Button
+                variant="contained"
+                sx={{ width: "100%" }}
+                onClick={handleSubmit(onSubmit)}
+              >
+                Submit
+              </Button>
+              <Button
+                variant="contained"
+                sx={{ width: "100%" }}
+                onClick={() => window.location.reload()}
+              >
+                Reset
+              </Button>
+            </Stack>
+          </Stack>
+        </Box>
+      </Stack>
+    </div>
+  );
+}
+Apply.layout = "studentPhaseDashboard";
+export default Apply;
diff --git a/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx b/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
new file mode 100644
index 00000000..305ab32a
--- /dev/null
+++ b/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
@@ -0,0 +1,206 @@
+import { useRouter } from "next/router";
+import React, { useEffect, useState } from "react";
+import {
+  Box,
+  Button,
+  FormControl,
+  FormControlLabel,
+  Radio,
+  RadioGroup,
+  Stack,
+  TextField,
+  Typography,
+} from "@mui/material";
+import { useForm } from "react-hook-form";
+
+import applicationRequest, {
+  answerApplication,
+  studentApplicationQuestions,
+} from "@callbacks/student/rc/applyQuestions";
+import Meta from "@components/Meta";
+import useStore from "@store/store";
+
+const boxStyle = {
+  width: { xs: "330px", md: "500px" },
+  bgcolor: "background.paper",
+  border: "white solid 2px",
+  borderRadius: "10px",
+  boxShadow: 24,
+  p: 4,
+  marginTop: 5,
+  marginBottom: 10,
+  alignItems: "center",
+};
+function Apply() {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm();
+
+  const router = useRouter();
+  const { rcid, openingid, rsid } = router.query;
+
+  const { token } = useStore();
+  const [questions, setQuestions] = useState<studentApplicationQuestions[]>();
+  useEffect(() => {
+    if (!rcid || !openingid) return;
+    const fetch = async () => {
+      const response = await applicationRequest
+        .getApplicationQuestion(token, rcid.toString(), openingid.toString())
+        .catch(() => [{ type: "null" }] as studentApplicationQuestions[]);
+      setQuestions(response.filter((question) => question.event === "Walk In"));
+    };
+    fetch();
+  }, [rcid, token, router, openingid]);
+
+  const onSubmit = async (data: any) => {
+    if (questions) {
+      let res: answerApplication[] = [];
+      questions.forEach((question) => {
+        let obj: answerApplication = {
+          application_question_id: question.ID,
+          answer: data[question.ID],
+        };
+        res.push(obj);
+      });
+      if (rcid && openingid && rsid) {
+        await applicationRequest.postApplicationAnswer(
+          token,
+          rcid.toString(),
+          openingid.toString(),
+          { resume_id: parseInt(rsid.toString(), 10), answers: res }
+        );
+      }
+    }
+    router.push(`/student/rc/${rcid}/opening`);
+  };
+
+  const renderSwitch = (
+    index: number,
+    question: studentApplicationQuestions
+  ) => {
+    if (question) {
+      let name = question.ID.toString();
+      switch (question?.type) {
+        case "MCQ":
+          return (
+            <FormControl>
+              <RadioGroup
+                aria-labelledby="demo-radio-buttons-group-label"
+                defaultValue={question.answer}
+                row
+              >
+                {question.options
+                  .toString()
+                  .split(",")
+                  .map((option) => (
+                    <FormControlLabel
+                      key={option}
+                      value={option}
+                      control={<Radio />}
+                      label={option}
+                      {...register(name)}
+                    />
+                  ))}
+              </RadioGroup>
+              {errors[name] && (
+                <Typography variant="caption" color="error">
+                  *Required
+                </Typography>
+              )}
+            </FormControl>
+          );
+        case "Short Answer":
+          return (
+            <TextField
+              multiline
+              minRows={3}
+              defaultValue={question.answer}
+              variant="standard"
+              error={errors[name]}
+              helperText={errors[name] && "*Required"}
+              {...register(name)}
+            />
+          );
+        case "Boolean":
+          return (
+            <FormControl>
+              <RadioGroup
+                aria-labelledby="demo-radio-buttons-group-label"
+                defaultValue={question.answer}
+                row
+              >
+                <FormControlLabel
+                  value="true"
+                  control={<Radio />}
+                  label="True"
+                  {...register(name)}
+                />
+                <FormControlLabel
+                  value="false"
+                  control={<Radio />}
+                  label="False"
+                  {...register(name)}
+                />
+              </RadioGroup>
+              {errors[name] && (
+                <Typography variant="caption" color="error">
+                  *Required
+                </Typography>
+              )}
+            </FormControl>
+          );
+        default:
+          return <div />;
+      }
+    }
+    return <div />;
+  };
+
+  return (
+    <div>
+      <Meta title="RC - Openings - QnA" />
+      <Stack alignItems="center" spacing={4}>
+        <Box sx={boxStyle}>
+          <Stack spacing={4}>
+            <Stack spacing={2} alignItems="flex-start">
+              <h2>Application Questions</h2>
+              {questions &&
+                questions.length > 0 &&
+                questions.map((question, index) => (
+                  <FormControl key={question.ID} sx={{ m: 1, width: "100%" }}>
+                    <h3 style={{ fontWeight: 300 }}>
+                      <b>Ques: </b> {questions[index]?.question}
+                    </h3>
+                    {questions && renderSwitch(index, question)}
+                  </FormControl>
+                ))}
+              {questions && questions.length === 0 && (
+                <h4>No Questions Found!</h4>
+              )}
+            </Stack>
+            <Stack spacing={2} alignItems="flex-start" direction="row">
+              <Button
+                variant="contained"
+                sx={{ width: "100%" }}
+                onClick={handleSubmit(onSubmit)}
+              >
+                Submit
+              </Button>
+              <Button
+                variant="contained"
+                sx={{ width: "100%" }}
+                onClick={() => window.location.reload()}
+              >
+                Reset
+              </Button>
+            </Stack>
+          </Stack>
+        </Box>
+      </Stack>
+    </div>
+  );
+}
+Apply.layout = "studentPhaseDashboard";
+export default Apply;
diff --git a/pages/student/rc/[rcid]/opening/index.tsx b/pages/student/rc/[rcid]/opening/index.tsx
index ce087052..217c38a8 100644
--- a/pages/student/rc/[rcid]/opening/index.tsx
+++ b/pages/student/rc/[rcid]/opening/index.tsx
@@ -16,6 +16,7 @@ import sProformaRequest, {
 import resumeRequest, {
   AllStudentResumeResponse,
 } from "@callbacks/student/rc/resume";
+import { ProformaEvent } from "@callbacks/company/proforma";
 
 const ROUTE_PREFIX = "/student/rc/[rcid]";
 
@@ -26,6 +27,9 @@ function Openings() {
   const { rcid } = router.query;
   const rid = rcid as string;
   const [rows, setRows] = useState<ProformaParams[]>([]);
+  const [row2, setRow2] = useState<
+    (ProformaEvent & { company_name: string })[]
+  >([]);
   const [resumes, setResume] = useState<AllStudentResumeResponse[]>([]);
   const [selected, setSelected] = useState<string[]>(
     Array(rows.length).fill("")
@@ -133,7 +137,7 @@ function Openings() {
       renderCell: (params) => (
         <Link
           href={{
-            pathname: `${ROUTE_PREFIX}/opening/[openingId]/apply`,
+            pathname: `${ROUTE_PREFIX}/opening/[openingId]/application`,
             query: {
               rcid: rid,
               openingId: params.row.ID,
@@ -153,12 +157,142 @@ function Openings() {
       ),
     },
   ];
+  const walkInColumns: GridColDef[] = [
+    {
+      field: "ID",
+      headerName: "ID",
+      hide: true,
+    },
+    {
+      field: "company_name",
+      headerName: "Company Name",
+      renderCell: (params) => (
+        <Tooltip title={params.value}>
+          <div>{params.value}</div>
+        </Tooltip>
+      ),
+    },
+    {
+      field: "start_time",
+      headerName: "Start Time",
+      renderCell: (params) => (
+        <Tooltip title={params.value}>
+          <div>{params.value}</div>
+        </Tooltip>
+      ),
+    },
+    {
+      field: "duration",
+      headerName: "Duration",
+      renderCell: ({ value }) => `${value}`,
+      type: "dateTime",
+    },
+    {
+      field: "proforma_id",
+      headerName: "Proforma",
+      width: 200,
+      align: "center",
+      headerAlign: "center",
+      renderCell: (params) => (
+        <Button
+          sx={{ width: "100%" }}
+          href={`/student/rc/${rid}/proforma/${params.row.proforma_id}`}
+          variant="contained"
+          color="primary"
+        >
+          View{" "}
+        </Button>
+      ),
+    },
+    {
+      field: "resume",
+      headerName: "Select Resume",
+      width: 200,
+      align: "center",
+      headerAlign: "center",
+      renderCell: (params) => (
+        <FormControl variant="standard" sx={{ m: 1, minWidth: 120 }}>
+          <Select
+            id={params.row.ID.toString()}
+            name={params.row.ID.toString()}
+            defaultValue=""
+            label="Resume"
+            value={selected[params.row.ID]}
+            onChange={(e) => {
+              let temp = [...selected];
+              temp[params.row.ID] = e.target.value;
+              setSelected(temp);
+            }}
+          >
+            <MenuItem value="">
+              <em>None</em>
+            </MenuItem>
+            {resumes.map((resume) => {
+              if (
+                resume.verified.Bool &&
+                resume.verified.Valid &&
+                resume.resume_type === "SINGLE"
+              ) {
+                return <MenuItem value={resume.ID}>{resume.ID}</MenuItem>;
+              }
+              return null;
+            })}
+          </Select>
+        </FormControl>
+      ),
+    },
+    {
+      field: "action",
+      headerName: "Action",
+      width: 200,
+      sortable: false,
+      align: "center",
+      headerAlign: "center",
+      renderCell: (params) => (
+        <Link
+          href={{
+            pathname: `${ROUTE_PREFIX}/opening/[openingId]/walkin`,
+            query: {
+              rcid: rid,
+              openingId: params.row.proforma_id,
+              rsid: selected[params.row.ID],
+            },
+          }}
+        >
+          <Button
+            disabled={selected[params.row.ID] === ""}
+            sx={{ width: "100%" }}
+            variant="contained"
+            color="primary"
+          >
+            Apply
+          </Button>
+        </Link>
+      ),
+    },
+  ];
 
   useEffect(() => {
+    const getEvents = async (res: ProformaParams[]) => {
+      let walkIns: (ProformaEvent & { company_name: string })[] = [];
+      await Promise.all(
+        res.map(async (proforma) => {
+          const ID = (proforma.ID || "").toString();
+          const events = await sProformaRequest.getEvent(token, rid, ID);
+          events.forEach((event) => {
+            if (event.name === "Walk In") {
+              walkIns.push({ ...event, company_name: proforma.company_name });
+            }
+          });
+        })
+      );
+      setRow2(walkIns);
+    };
     const getProforma = async () => {
       const res = await sProformaRequest.getAllOpenings(token, rid);
       setRows(res);
       setSelected(Array(res.length).fill(""));
+      getEvents(res);
     };
     const getResume = async () => {
       const resume = await resumeRequest.get(token, rid);
@@ -172,9 +306,21 @@ function Openings() {
   return (
     <div>
       <Meta title="RC - Openings" />
-      <Stack>
+      <Stack spacing={2}>
         <h2>Job Openings</h2>
-        <DataGrid rows={rows} columns={columns} getRowId={(row) => row.ID} />
+        <DataGrid
+          heighted
+          rows={rows}
+          columns={columns}
+          getRowId={(row) => row.ID}
+        />
+        <h2>Walk Ins</h2>
+        <DataGrid
+          heighted
+          rows={row2}
+          columns={walkInColumns}
+          getRowId={(row) => row.ID}
+        />
       </Stack>
     </div>
   );
diff --git a/pages/student/rc/[rcid]/opening/[openingid]/apply.tsx b/pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx
similarity index 100%
rename from pages/student/rc/[rcid]/opening/[openingid]/apply.tsx
rename to pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx

From 642b764cf6a11439b0f477fc1b4fc304052f5cad Mon Sep 17 00:00:00 2001
From: Abhimanyu-dev <abhimanyusolanki4841@gmail.com>
Date: Sun, 1 Dec 2024 00:33:49 +0530
Subject: [PATCH 2/2] Deployment Error Fix

---
 .../rc/[rcid]/opening/[openingid]/walkin.tsx  |   2 +-
 .../rc/[rcid]/walkin/[walkinid]/apply.tsx     | 206 ------------------
 2 files changed, 1 insertion(+), 207 deletions(-)
 delete mode 100644 pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx

diff --git a/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx b/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
index 305ab32a..687752ff 100644
--- a/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
+++ b/pages/student/rc/[rcid]/opening/[openingid]/walkin.tsx
@@ -165,7 +165,7 @@ function Apply() {
         <Box sx={boxStyle}>
           <Stack spacing={4}>
             <Stack spacing={2} alignItems="flex-start">
-              <h2>Application Questions</h2>
+              <h2>Walk In Questions</h2>
               {questions &&
                 questions.length > 0 &&
                 questions.map((question, index) => (
diff --git a/pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx b/pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx
deleted file mode 100644
index ab79956e..00000000
--- a/pages/student/rc/[rcid]/walkin/[walkinid]/apply.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { useRouter } from "next/router";
-import React, { useEffect, useState } from "react";
-import {
-  Box,
-  Button,
-  FormControl,
-  FormControlLabel,
-  Radio,
-  RadioGroup,
-  Stack,
-  TextField,
-  Typography,
-} from "@mui/material";
-import { useForm } from "react-hook-form";
-
-import applicationRequest, {
-  answerApplication,
-  studentApplicationQuestions,
-} from "@callbacks/student/rc/applyQuestions";
-import Meta from "@components/Meta";
-import useStore from "@store/store";
-
-const boxStyle = {
-  width: { xs: "330px", md: "500px" },
-  bgcolor: "background.paper",
-  border: "white solid 2px",
-  borderRadius: "10px",
-  boxShadow: 24,
-  p: 4,
-  marginTop: 5,
-  marginBottom: 10,
-  alignItems: "center",
-};
-function Apply() {
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-  } = useForm();
-
-  const router = useRouter();
-  const { rcid, openingid, rsid } = router.query;
-
-  const { token } = useStore();
-  const [questions, setQuestions] = useState<studentApplicationQuestions[]>();
-  useEffect(() => {
-    if (!rcid || !openingid) return;
-    const fetch = async () => {
-      const response = await applicationRequest
-        .getApplicationQuestion(token, rcid.toString(), openingid.toString())
-        .catch(() => ({ type: "null" } as studentApplicationQuestions));
-      setQuestions(response);
-    };
-    fetch();
-  }, [rcid, token, router, openingid]);
-
-  const onSubmit = async (data: any) => {
-    if (questions) {
-      let res: answerApplication[] = [];
-      questions.forEach((question) => {
-        let obj: answerApplication = {
-          application_question_id: question.ID,
-          answer: data[question.ID],
-        };
-        res.push(obj);
-      });
-      if (rcid && openingid && rsid) {
-        await applicationRequest.postApplicationAnswer(
-          token,
-          rcid.toString(),
-          openingid.toString(),
-          { resume_id: parseInt(rsid.toString(), 10), answers: res }
-        );
-      }
-    }
-    router.push(`/student/rc/${rcid}/opening`);
-  };
-
-  const renderSwitch = (
-    index: number,
-    question: studentApplicationQuestions
-  ) => {
-    if (question) {
-      let name = question.ID.toString();
-      switch (question?.type) {
-        case "MCQ":
-          return (
-            <FormControl>
-              <RadioGroup
-                aria-labelledby="demo-radio-buttons-group-label"
-                defaultValue={question.answer}
-                row
-              >
-                {question.options
-                  .toString()
-                  .split(",")
-                  .map((option) => (
-                    <FormControlLabel
-                      key={option}
-                      value={option}
-                      control={<Radio />}
-                      label={option}
-                      {...register(name)}
-                    />
-                  ))}
-              </RadioGroup>
-              {errors[name] && (
-                <Typography variant="caption" color="error">
-                  *Required
-                </Typography>
-              )}
-            </FormControl>
-          );
-        case "Short Answer":
-          return (
-            <TextField
-              multiline
-              minRows={3}
-              defaultValue={question.answer}
-              variant="standard"
-              error={errors[name]}
-              helperText={errors[name] && "*Required"}
-              {...register(name)}
-            />
-          );
-        case "Boolean":
-          return (
-            <FormControl>
-              <RadioGroup
-                aria-labelledby="demo-radio-buttons-group-label"
-                defaultValue={question.answer}
-                row
-              >
-                <FormControlLabel
-                  value="true"
-                  control={<Radio />}
-                  label="True"
-                  {...register(name)}
-                />
-                <FormControlLabel
-                  value="false"
-                  control={<Radio />}
-                  label="False"
-                  {...register(name)}
-                />
-              </RadioGroup>
-              {errors[name] && (
-                <Typography variant="caption" color="error">
-                  *Required
-                </Typography>
-              )}
-            </FormControl>
-          );
-        default:
-          return <div />;
-      }
-    }
-    return <div />;
-  };
-
-  return (
-    <div>
-      <Meta title="RC - Openings - QnA" />
-      <Stack alignItems="center" spacing={4}>
-        <Box sx={boxStyle}>
-          <Stack spacing={4}>
-            <Stack spacing={2} alignItems="flex-start">
-              <h2>Application Questions</h2>
-              {questions &&
-                questions.length > 0 &&
-                questions.map((question, index) => (
-                  <FormControl key={question.ID} sx={{ m: 1, width: "100%" }}>
-                    <h3 style={{ fontWeight: 300 }}>
-                      <b>Ques: </b> {questions[index]?.question}
-                    </h3>
-                    {questions && renderSwitch(index, question)}
-                  </FormControl>
-                ))}
-              {questions && questions.length === 0 && (
-                <h4>No Questions Found!</h4>
-              )}
-            </Stack>
-            <Stack spacing={2} alignItems="flex-start" direction="row">
-              <Button
-                variant="contained"
-                sx={{ width: "100%" }}
-                onClick={handleSubmit(onSubmit)}
-              >
-                Submit
-              </Button>
-              <Button
-                variant="contained"
-                sx={{ width: "100%" }}
-                onClick={() => window.location.reload()}
-              >
-                Reset
-              </Button>
-            </Stack>
-          </Stack>
-        </Box>
-      </Stack>
-    </div>
-  );
-}
-Apply.layout = "studentPhaseDashboard";
-export default Apply;