From 59067695f934184c7e6efaa4fc89fbde2f27a7cb Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Thu, 21 Jul 2022 07:22:36 -0400
Subject: initial migration, app runs

---
 src/components/FileUploads.svelte               |  2 ++
 src/components/PeerTeachers/PeerTeachers.svelte | 42 +++++++++++++++++++++++++
 src/components/Sidebar.svelte                   |  6 ++--
 3 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 src/components/PeerTeachers/PeerTeachers.svelte

(limited to 'src/components')

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(() => {
-- 
cgit v1.2.3