Frontend UI Fixes (#49)

* Mobile dev + dept-filter  (#39)

* Added ResponsiveAppBar component. Needs correct styling.

* removed elevation shadow

* footer styling fixed

* Create search bar file

* finished home page styling fixes

* Search bar commit

* Fix SearchBar styling

* Add state management with debouncing for SearchBar

* Add searchTerm to API request body

* Fix About Us page mobile view

* fixed responsive app bar. very bad code tho

* Gen ed selector mobile

* Add padding to nav elements

* fixed errors on gened seelctor popup

* merge part 2

* Fix URI

* Fix height issues with CourseTable

Co-authored-by: Soham Kulkarni <sohamkrox@gmail.com>
Co-authored-by: Apoorva Aditya <apoorvaufo3@gmail.com>
Co-authored-by: Rohan Bokaria <bokaria2@illinois.edu>
Co-authored-by: madhuv2002 <madhuv2002@gmail.com>
Co-authored-by: kaur18 <kaur18@illinois.edu>

* Gened filter pandas (#42)

* Re-add ONBOARDING.md

Looks like this was accidentally deleted in some PR/commit

* Update README.md

* Add link to onboarding document

* Add geneds filter query for pandas

* Add geneds filter query for pandas (#40)

* Add dept filtering and simple search queries

Co-authored-by: Max Fan <root@max.fan>

* Fix issue with API JSON formatting

* Move wave footer to desktop-only view

* Reset page to 0 on preferences update

Co-authored-by: Suyash Nagumalli <61219240+faddock@users.noreply.github.com>
Co-authored-by: Apoorva Aditya <apoorvaufo3@gmail.com>
Co-authored-by: Rohan Bokaria <bokaria2@illinois.edu>
Co-authored-by: madhuv2002 <madhuv2002@gmail.com>
Co-authored-by: kaur18 <kaur18@illinois.edu>
Co-authored-by: Max Fan <root@max.fan>

web/src/components/CourseTable.js

@@ -28,6 +28,7 @@ const CourseTable = ({preferences}) => {
   useEffect(() => {
     CherryService.getAllCourses({ page: 0, options: preferences }).then(response => {
       setRows({ 1: response.courses });
+      setPage(0);
       // console.log(response.courses);
       setRowsCount(response.total ? response.total : 0);
     });

web/src/index.js

@@ -26,9 +26,6 @@ ReactDOM.render(
         <div style={{height:"80vh", paddingTop:"0.1vh" }}>
           <App />
         </div>
-        {
-          <div className="spacer curve1"></div>
-        }
       </ThemeProvider>
     </Router>
     </div>

web/src/pages/home.js

@@ -34,6 +34,7 @@ const HomePage = () => {
     const preferencesStyle = {
         padding: 1,
         display: "flex",
+        height: "fit-content",
     };
     const tableStyle = {
         paddingLeft: 1,
@@ -43,6 +44,7 @@ const HomePage = () => {
         <>
             {
                 (width > 900) ?
+                    <>
                     <Box container sx={containerStyle}>
                         <Box item sx={preferencesStyle}>
                             <Preferences preferences={preferences} setPreferences={setPreferences} />
@@ -51,6 +53,8 @@ const HomePage = () => {
                             <CourseTable preferences={preferences} />
                         </Box>
                     </Box> 
+                    <div className="spacer curve1"></div>
+                    </>
                     :
                     <>
                         <Box item sx={{diplay: 'flex'}}>