+
);
}
diff --git a/src/staff/components/Checkbox.js b/src/staff/components/Checkbox.tsx
similarity index 79%
rename from src/staff/components/Checkbox.js
rename to src/staff/components/Checkbox.tsx
index cc8537d5..da90f437 100644
--- a/src/staff/components/Checkbox.js
+++ b/src/staff/components/Checkbox.tsx
@@ -1,4 +1,5 @@
import React from "react";
+import PropTypes from "prop-types";
const CheckBox = ({
formHook,
@@ -9,10 +10,6 @@ const CheckBox = ({
options,
type,
}) => {
- // if (!formHook) {
- // return
@@ -46,5 +43,14 @@ const CheckBox = ({
);
};
+CheckBox.propTypes = {
+ formHook: PropTypes.object,
+ errors: PropTypes.object,
+ errorMessage: PropTypes.string,
+ name: PropTypes.string.isRequired,
+ label: PropTypes.string,
+ options: PropTypes.arrayOf(PropTypes.string),
+ type: PropTypes.string,
+};
export default CheckBox;
diff --git a/src/staff/components/CreationForms.js b/src/staff/components/CreationForms.tsx
similarity index 53%
rename from src/staff/components/CreationForms.js
rename to src/staff/components/CreationForms.tsx
index 4c925ccf..67e48693 100644
--- a/src/staff/components/CreationForms.js
+++ b/src/staff/components/CreationForms.tsx
@@ -1,46 +1,91 @@
import React, { useState } from "react";
import { useForm } from "react-hook-form";
import { useEffect } from "react";
-import CheckBox from "./Checkbox";
+import CheckBox from "./Checkbox.tsx";
import Input from "./Input";
import { useParams } from "react-router";
-import useGlobalContext from "../../context/global/useGlobalContext";
-
-const DUMMY_DATA = {
- "d1": {
- id: "d1",
- title: "Software Intern",
- department: "Computer Science",
- location: "Remote",
- date: "2024-02-08",
- type: "For Pay", // New field for type
- hourlyPay: 0,
- credits: 0,
- description: "This is a software internship",
- years: ["Freshman", "Junior", "Senior"],
- },
-};
-const CreationForms = () => {
+interface CreationFormsProps {
+ edit: boolean;
+ token: string;
+}
+
+const locations = [
+ "TBD",
+ "Amos Eaton",
+ "Carnegie",
+ "Center for Biotechnology and Interdisciplinary Studies",
+ "Center for Computational Innovations",
+ "Low Center for Industrial Innovation (CII)",
+ "Cogswell Laboratory",
+ "Darrin Communications Center",
+ "Experimental Media and Performing Arts Center",
+ "Greene Library",
+ "Jonsson Engineering Center",
+ "Jonsson-Rowland Science Center",
+ "Lally Hall",
+ "LINAC Facility (Gaerttner Laboratory)",
+ "Materials Research Center",
+ "Pittsburgh Building",
+ "Ricketts Building",
+ "Russell Sage Laboratory",
+ "Voorhees Computing Center",
+ "Walker Laboratory",
+ "West Hall",
+ "Winslow Building",
+ "Remote"
+]
+
+const CreationForms: React.FC
= ({ edit, token }) => {
const { postID } = useParams();
- const [loading, setLoading] = useState(false);
+ const [loading, setLoading] = useState(false);
const [compensationType, setCompensationType] = useState("For Pay"); // Manage the state for "For Pay" or "For Credit"
- const state = useGlobalContext();
- const { loggedIn } = state;
- const { id: authorId } = state;
-
- async function fetchDetails(key) {
- return new Promise((resolve, reject) => {
- setTimeout(() => {
- resolve(DUMMY_DATA[key]);
- }, 5000);
- });
+ const [years, setYears] = useState([]);
+
+ async function fetchEditData() {
+
+
+ const response = await fetch(
+ `${process.env.REACT_APP_BACKEND_SERVER}/editOpportunity/${postID}`, {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+ if (response.ok) {
+ console.log("Response ok");
+ const { id, title, application_due, type, hourlyPay, credits, description, recommended_experience, location, years } = await response.json();
+ await Promise.all([fetchYears()]);
+ reset({
+ id,
+ title,
+ application_due,
+ type,
+ hourlyPay,
+ credits,
+ description,
+ recommended_experience,
+ location,
+ years,
+ });
+
+ setLoading(false);
+ } else {
+ console.log("No response");
+ setLoading("no response");
+ }
}
- async function fetchData(key) {
- const response = await fetchDetails(key);
- response && reset(response);
- response ? setLoading(false) : setLoading("no response");
+ async function fetchYears() {
+ const response = await fetch(`${process.env.REACT_APP_BACKEND_SERVER}/years`)
+
+ if (response.ok) {
+ const data = await response.json();
+ setYears(data);
+ } else {
+ console.log("No response for years");
+ setLoading("no response");
+ }
}
const {
@@ -52,36 +97,73 @@ const CreationForms = () => {
defaultValues: {
id: "",
title: "",
- department: "",
- location: "",
- date: "",
+ application_due: "",
type: "For Pay", // Default to "For Pay"
hourlyPay: 0,
credits: [],
description: "",
+ recommended_experience: "",
+ location: "",
years: [""],
},
});
useEffect(() => {
- postID && setLoading(true);
- postID && fetchData(postID);
+ fetchYears();
+ if (edit) {
+ fetchEditData();
+ } else {
+ setLoading(false);
+ }
}, []);
const submitHandler = (data) => {
- if (authorId) {
- console.log({ ...data, authorId });
+ console.log({ ...data });
+ if (edit) {
+ fetch(`${process.env.REACT_APP_BACKEND_SERVER}/editOpportunity/${postID}`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ body: JSON.stringify({ ...data }),
+ }).then((response) => {
+ if (response.ok) {
+ alert("Successfully updated");
+ window.location.href = `/opportunity/${postID}`;
+ } else {
+ alert("Failed to update");
+ }
+ });
+ } else {
+ fetch(`${process.env.REACT_APP_BACKEND_SERVER}/createOpportunity`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`,
+ },
+ body: JSON.stringify({ ...data }),
+ }).then((response) => {
+ if (response.ok) {
+ alert("Successfully created");
+ const data_response = response.json()
+ window.location.href = `/opportunity/${data_response["id"]}`;
+ } else {
+ alert("Failed to create");
+ console.log(response);
+ }
+ });
}
};
- return !loading ? (
+ return loading === false && years != null ? (
+