Merge pull request #42 from UoaWDCC/karmveer/web/adding-screens

Karmveer/web/adding screens

web/src/main.tsx

@@ -7,8 +7,13 @@ import { RouterProvider } from 'react-router-dom';
 import App from './App.tsx';
 import './index.css';
 
-import HomeScreen from "./screens/Home.tsx"
+import HomeScreen from "./screens/HomeScreen.tsx"
 import TestScreen from "./screens/Test.tsx"
+import ExecScreen from "./screens/ExecScreen.tsx";
+import LoginScreen from "./screens/LoginScreen.tsx";
+import SignUpScreen from "./screens/SignUpScreen.tsx";
+import PhotosScreen from "./screens/PhotosScreen.tsx";
+import PPVScreen from "./screens/PPVScreen.tsx";
 
 
 //Add any routes for screens below
@@ -17,6 +22,11 @@ const router = createBrowserRouter(
         <Route path="/"  element={<App />}>
             <Route index={true} element={<HomeScreen />} />
             <Route path="/test" element={<TestScreen />} />
+            <Route path="/exec" element={<ExecScreen />} />
+            <Route path="/login" element={<LoginScreen />} />
+            <Route path="/signup" element={<SignUpScreen />} />
+            <Route path="/pvv" element={<PPVScreen />} />
+            <Route path="/photos" element={<PhotosScreen />} />
         </Route>
     )
 );

web/src/screens/ExecScreen.tsx

@@ -0,0 +1,9 @@
+function ExecScreen() {
+    return (
+        <div>
+            <h2> Exec Screen</h2>
+        </div>
+    )
+}
+
+export default ExecScreen

web/src/screens/Home.tsx → web/src/screens/HomeScreen.tsx

@@ -4,7 +4,7 @@ import axios from 'axios';
 import { useParams } from 'react-router';
 import urls from '@utils/urls';
 
-export default function Home() {
+export default function HomeScreen() {
   const { name } = useParams();
 
   const { data, isLoading, isError, error } = useQuery({

web/src/screens/LoginScreen.tsx

@@ -0,0 +1,9 @@
+function LoginScreen() {
+    return (
+        <div>
+            <h2> Login Screen</h2>
+        </div>
+    )
+}
+
+export default LoginScreen

web/src/screens/PPVScreen.tsx

@@ -0,0 +1,9 @@
+function PPVScreen() {
+    return (
+        <div>
+            <h2> PPV Screen</h2>
+        </div>
+    )
+}
+
+export default PPVScreen

web/src/screens/PhotosScreen.tsx

@@ -0,0 +1,9 @@
+function PhotosScreen() {
+    return (
+        <div>
+            <h2> PhotosScreen Screen</h2>
+        </div>
+    )
+}
+
+export default PhotosScreen

web/src/screens/SignUpScreen.tsx

@@ -0,0 +1,9 @@
+function SignUpScreen() {
+    return (
+        <div>
+            <h2> Sign Up Screen</h2>
+        </div>
+    )
+}
+
+export default SignUpScreen