Create and Edit Opportunities (#82)

Author: RafaelCenzano

src/App.tsx

@@ -8,7 +8,7 @@ import Jobs from "./opportunities/pages/Jobs.js";
 import Departments from "./staff/pages/Departments.tsx";
 import StaffPage from "./staff/pages/Staff.tsx";
 import Department from "./staff/pages/Department.tsx";
-import CreatePost from "./staff/pages/CreatePost.js";
+import CreatePost from "./staff/pages/CreatePost.tsx";
 import IndividualPost from "./opportunities/pages/IndividualPost.js";
 import ProfilePage from "./shared/pages/Profile.js";
 import LoginRedirection from "./auth/Login.tsx";
@@ -44,10 +44,10 @@ function App() {
             />
             <Route path="/staff" element={<Departments authenticated={authenticated} />} />
             <Route path="/staff/:staffId" element={<StaffPage authenticated={authenticated} />} />
-            <Route path="/createPost" element={<CreatePost edit={false} />} />
+            <Route path="/create" element={<CreatePost edit={false} authenticated={authenticated} />} />
             <Route
-              path="/editPost/:postID"
-              element={<CreatePost edit={true} />}
+              path="/edit/:postID"
+              element={<CreatePost edit={true} authenticated={authenticated} />}
             />
             <Route path="/post/:postID" element={<IndividualPost />} />
 

src/shared/components/Navigation/MainNavigation.tsx

@@ -9,7 +9,7 @@ export default function MainNavigation(authenticated) {
   const routes = authenticated.authenticated[1]
     ? [
       { name: "Jobs", href: "/jobs", current: true },
-      { name: "Create", href: "/createPost", current: false },
+      { name: "Create", href: "/create", current: false },
       { name: "Staff", href: "/staff", current: false },
       { name: "Profile", href: "/profile", current: false },
       { name: "Sign Out", href: "/signout", current: false },

src/shared/components/Navigation/StickyFooter.tsx

@@ -7,7 +7,7 @@ export default function StickyFooter(authenticated) {
   const routes = authenticated.authenticated[1]
     ? [
       { name: "Jobs", href: "/jobs", current: true },
-      { name: "Create", href: "/createPost", current: false },
+      { name: "Create", href: "/create", current: false },
       { name: "Staff", href: "/staff", current: false },
       { name: "Profile", href: "/profile", current: false },
       { name: "Sign Out", href: "/signout", current: false },
@@ -22,14 +22,13 @@ export default function StickyFooter(authenticated) {
           RCOS
         </Link>
       </h1>
-      <br />
-      <div className="stickyfooter-info">
+      <div className="stickyfooter-info mt-5">
         <div className="pb-3">
-        <img src={logo} alt="LabConnect" width="160" height="160 / (319/289)" />
+          <img src={logo} alt="LabConnect" width="160" height="160 / (319/289)" />
         </div>
 
         <div className="w-40">
-          <p>
+          <div>
             <b>Contact Us</b>
             <p className="text-base">
               <Link
@@ -47,27 +46,25 @@ export default function StickyFooter(authenticated) {
               </Link>
               <br />
             </p>
-          </p>
+          </div>
         </div>
-        <div className="w-40 text-base">
-          <b>Additional Pages</b>
-          <p>
-            {routes.map((item) => (
-              <>
-                <Link
-                  key={item.name}
-                  to={item.href}
-                  className="grey-link hover:text-neutral-950 focus:text-neutral-950"
-                  aria-current={item.current}
-                >
-                  {item.name}
-                </Link>
-                <br />
-              </>
-            ))}
-          </p>
+        <div>
+          <b>Resources</b>
+          <br />
+          {routes.map((item) => (
+            <React.Fragment key={item.name}>
+              <Link
+                to={item.href}
+                className="grey-link hover:text-neutral-950 focus:text-neutral-950"
+                aria-current={item.current}
+              >
+                {item.name}
+              </Link>
+              <br />
+            </React.Fragment>
+          ))}
         </div>
-      </div>
-    </section>
+      </div >
+    </section >
   );
 }

src/staff/components/Checkbox.js src/staff/components/Checkbox.tsxsrc/staff/components/Checkbox.js renamed to 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 <h1>FormHook Not Given</h1>;
-  // }
-
   return (
     <div>
       <div className="check-input">
@@ -46,5 +43,14 @@ const CheckBox = ({
     </div>
   );
 };
+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;