Profile pic (#30)

Administrative Merge Commit
jainsujay02 · Mar 16, 2023 · 7c8f7fc · 7c8f7fc
2 parents 00570fc + 6ab3051
commit 7c8f7fc
Show file tree

Hide file tree

Showing 18 changed files with 1,829 additions and 524 deletions.
diff --git a/src/App.js b/src/App.js
@@ -14,6 +14,8 @@ import ProfileOtherBackground from "./components/ProfileOtherBackground"
 import { ProtectedRoute } from "./components/ProtectedRoute";
 import { AuthProvider } from "./components/hooks/useAuth";
 import CourseForm from "./components/CoursePage";
+import ProfileBackground from "./components/ProfileBackground";
+import ProfileFormEditDisplay from "./components/profileformeditdisplay.js";
 
 function App() {
   return (
@@ -48,13 +50,29 @@ function App() {
           }
         ></Route>
         <Route
-          path="/profile"
+          path="/profileform"
           element={
             <ProtectedRoute>
               <ProfileForm />
             </ProtectedRoute>
           }
         ></Route>
+        <Route
+          path="/ProfileFormEditDisplay"
+          element={
+            <ProtectedRoute>
+              <ProfileFormEditDisplay/>
+            </ProtectedRoute>
+          }
+        ></Route>
+        <Route
+          path="/profile"
+          element={
+            <ProtectedRoute>
+              <ProfileBackground />
+            </ProtectedRoute>
+          }
+        ></Route>
         <Route
           path="/other/:id"
           element={
@@ -63,6 +81,14 @@ function App() {
             </ProtectedRoute>
           }
         ></Route>
+        <Route
+          path="/search/:id"
+          element={
+            <ProtectedRoute>
+              <CourseForm />
+            </ProtectedRoute>
+          }
+        ></Route>
         <Route path="*" element={<ErrorComponent />} />
       </Routes>
       <Footer></Footer>

diff --git a/src/components/ClassesStacked.js b/src/components/ClassesStacked.js
@@ -5,6 +5,8 @@ import IconButton from '@mui/material/IconButton';
 import EastIcon from '@mui/icons-material/East';
 import Grid from '@mui/material/Grid';
 
+import { Link } from 'react-router-dom';
+
 
 const ClassBox = styled(Box)({
     width: 812,
@@ -84,7 +86,7 @@ const ClassesStacked = (props) => {
 
     function Work (){
     let n1size = props.props.courses.length
-    console.log("what the fuck is worng here?", n1size)
+    console.log("what is worng here?", n1size)
     let arr = []
     for (let i = 0; i < n1size && i < 4; i++ ) {
       arr.push(props.props.courses[i]);
@@ -94,7 +96,9 @@ const ClassesStacked = (props) => {
 
     <Grid container spacing={0}>
                     <Grid item xs={1}>
-                        <NextArrow> <EastIcon/> </NextArrow>
+                        <Link to={`/search/${n}`}>
+                            <NextArrow> <EastIcon/> </NextArrow>
+                        </Link>
                     </Grid>
                     <Grid item xs={13}>
                         <p style={CDStyle}>{n}</p>