appointment_to_examiner/client/src/Pages/FacultyForm.jsx

import React from "react";
import { useParams } from "react-router-dom";
import "./FacultyForm.css";
import Navbar from "./Navbar";

const FacultyForm = () => {
  const { id } = useParams(); // Get the faculty ID from the URL params

  return (
    <>
      <Navbar />
      <div className="form-container">
        <h2>Faculty Info</h2>
        <form>
          <label>
            Faculty ID:
            <input type="text" value={id} readOnly />
          </label>
          <label>
            Faculty Name:
            <input type="text" placeholder="Enter faculty name" />
          </label>
          <label>
            Department:
            <input type="text" placeholder="Enter department" />
          </label>
          <button type="submit">Submit</button>
        </form>
      </div>
    </>
  );
};

export default FacultyForm;