College of Basic & Applied Sciences
+| Subject with Missing Grades | +
|---|
| {grade.subject} | +
| Grades | +Total | +
|---|---|
| {grade.grades} | +{grade.total} | +
setSelectedLevel(100)} className=' level '>Level 100
setSelectedLevel(200)} className=' level'>Level 200
setSelectedLevel(300)} className=' level '>Level 300
No data found
+ )}setSelectedLevel(400)} className=' level '>Level 400
No data found
+ + )} + + + + + )} + +export default Gradereport; diff --git a/assignment-react/src/Help.css b/assignment-react/src/Help.css new file mode 100644 index 0000000000..99a067e976 --- /dev/null +++ b/assignment-react/src/Help.css @@ -0,0 +1,30 @@ +.card { + width: 70%; + margin: auto; +} + +.card-text { + font-size: 16px; +} + +.container { + padding: 20px; +} + +.search-box { + position:relative; + display: flex; + margin-left: 950px; + justify-content: center; + align-items: center; +} + +input { + padding: 5px; + margin-right: 5px; +} + +button { + padding: 5px 10px; + cursor: pointer; +} diff --git a/assignment-react/src/Help.tsx b/assignment-react/src/Help.tsx new file mode 100644 index 0000000000..bb56abb20d --- /dev/null +++ b/assignment-react/src/Help.tsx @@ -0,0 +1,37 @@ +import React from 'react'; +import './Help.css'; + +const Help: React.FC = () => { + return ( ++ Welcome to the Missing Grade System! Follow these steps to use the system effectively: +
++ If you encounter any issues or need further assistance, please contact our support team. +
++ Your go-to platform for seamlessly managing your academic journey. Our + user-friendly interface puts you in control, providing a hassle-free + experience to view and report missing grades. +
+ ++ Explore the power of transparency in your academic records. Our + system simplifies the process of tracking and reporting missing + grades, ensuring accuracy and empowering you to stay informed + about your performance. +
++ Navigate effortlessly to the View Grades section, where a single + click allows you to access your current academic standing. With a + clear and intuitive layout, you can review your grades across + various courses with ease. +
++ Take charge of your academic records through our Report Missing + Grades section. A simple and effective reporting mechanism guides + you through the steps, enabling you to proactively address + discrepancies and contribute to the accuracy of your academic + profile. +
++ Connect directly with instructors and academic administration + through our Communication Section. Whether you need clarification + on grades or wish to submit inquiries, our system ensures a + seamless interaction process. +
++ Embark on a journey of empowerment with the Missing Grade Report + System. By combining transparency, user-friendly features, and + proactive reporting mechanisms, we strive to enhance your educational + experience and put you in control of your academic success. Start + exploring the possibilities today. +
+Student ID
+ +Password
+ +Student Email
+ +