initial migration, app runs

3 files changed, 47 insertions, 3 deletions

diff --git a/src/components/FileUploads.svelte b/src/components/FileUploads.svelte
index 756fe33..1d475de 100644
--- a/src/components/FileUploads.svelte
+++ b/src/components/FileUploads.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  let x: number | null;
+
   import { Label } from "@smui/button";
   import IconButton from "@smui/icon-button";
   import Snackbar, { Actions } from "@smui/snackbar";
diff --git a/src/components/PeerTeachers/PeerTeachers.svelte b/src/components/PeerTeachers/PeerTeachers.svelte
new file mode 100644
index 0000000..6def4ac
--- /dev/null
+++ b/src/components/PeerTeachers/PeerTeachers.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+</script>
+
+<div class="overflow-x-auto">
+    <h1>TODO</h1>
+    <div class="overflow-x-auto">
+        <table class="table w-full">
+          <!-- head -->
+          <thead>
+            <tr>
+              <th></th>
+              <th>Name</th>
+              <th>Job</th>
+              <th>Favorite Color</th>
+            </tr>
+          </thead>
+          <tbody>
+            <!-- row 1 -->
+            <tr>
+              <th>1</th>
+              <td>Cy Ganderton</td>
+              <td>Quality Control Specialist</td>
+              <td>Blue</td>
+            </tr>
+            <!-- row 2 -->
+            <tr>
+              <th>2</th>
+              <td>Hart Hagerty</td>
+              <td>Desktop Support Technician</td>
+              <td>Purple</td>
+            </tr>
+            <!-- row 3 -->
+            <tr>
+              <th>3</th>
+              <td>Brice Swyre</td>
+              <td>Tax Accountant</td>
+              <td>Red</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+</div>
diff --git a/src/components/Sidebar.svelte b/src/components/Sidebar.svelte
index 64185b5..ed07ff2 100644
--- a/src/components/Sidebar.svelte
+++ b/src/components/Sidebar.svelte
@@ -2,12 +2,13 @@
   import DarkModeSwitch from "./DarkModeSwitch.svelte";
   import AssignLabs from "./AssignLabs/AssignLabs.svelte";
   import FileUploads from "./FileUploads.svelte";
+  import PeerTeachers from "./PeerTeachers/PeerTeachers.svelte";
   import { onMount } from "svelte";
   import { parseDatabaseLocalStorage } from "../util/parser";
 
   let sections = [
     { name: "File Uploads", component: FileUploads },
-    { name: "Peer Teachers", component: null }, // TODO
+    { name: "Peer Teachers", component: PeerTeachers }, // TODO
     { name: "Assign Labs", component: AssignLabs },
     { name: "Labs", component: null }, // TODO
     { name: "Active Peer Teachers", component: null }, // TODO
@@ -15,8 +16,7 @@
     { name: "TAMU Html Output", component: null }, // TODO
   ];
 
-  // Set initial page to Assign Labs while I work on it
-  let selected = sections[2];
+  let selected = sections[1];
 
   // Load from local storage. FOR TESTING PURPOSES ONLY. REMOVE THIS FROM PRODUCTION
   onMount(() => {