1 files changed, 51 insertions, 0 deletions
diff --git a/src/screens/professor/Classroom/View.js b/src/screens/professor/Classroom/View.js
new file mode 100644
index 0000000..59dbd92
--- /dev/null
+++ b/src/screens/professor/Classroom/View.js
@@ -0,0 +1,51 @@
+import { Container } from '@mui/system';
+import AnnouncementsTab from './AnnouncementsTab';
+import AssignmentsTab from './AssignmentsTab';
+import GradesTab from './GradesTab';
+import Header from './Header';
+import PeopleTab from './PeopleTab';
+import styles from './styles';
+
+function View({
+  layoutType,
+  classroom,
+  selectedTabOption,
+  onSelectTabOption,
+  announcementsTabData,
+  assignmentsTabData,
+  peopleTabData,
+  gradesTabData,
+  user,
+  onChangeEditInput,
+  onSaveEditChanges,
+  isLoading,
+}) {
+  const { container } = styles[layoutType];
+  return (
+    <Container disableGutters sx={container}>
+      <Header
+        layoutType={layoutType}
+        classroom={classroom && classroom}
+        selectedTabOption={selectedTabOption}
+        onSelectTabOption={onSelectTabOption}
+        isLoading={isLoading}
+      />
+      <AnnouncementsTab
+        layoutType={layoutType}
+        announcementsTabData={announcementsTabData}
+        classroom={classroom && classroom}
+        user={user && user}
+        onChangeEditInput={onChangeEditInput}
+        onSaveEditChanges={onSaveEditChanges}
+      />
+      <AssignmentsTab
+        layoutType={layoutType}
+        assignmentsTabData={assignmentsTabData}
+      />
+      <PeopleTab layoutType={layoutType} peopleTabData={peopleTabData} />
+      <GradesTab layoutType={layoutType} gradesTabData={gradesTabData} />
+    </Container>
+  );
+}
+
+export default View;