initial migration, app runs

7 files changed, 56 insertions, 7 deletions

diff --git a/src/App.svelte b/src/App.svelte
index a9084c4..45defe1 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -5,7 +5,7 @@
 
 <Sidebar />
 
-<style global>
+<style global lang="postcss">
 	@tailwind base;
 	@tailwind components;
 	@tailwind utilities;
diff --git a/src/app.css b/src/app.css
new file mode 100644
index 0000000..1a7b7cf
--- /dev/null
+++ b/src/app.css
@@ -0,0 +1,4 @@
+/* Write your global styles here, in PostCSS syntax */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
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(() => {
diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/main.css
diff --git a/src/main.ts b/src/main.ts
index 4c473fa..b7fad6b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,8 @@
-import App from './App.svelte';
+import "./app.css";
+import App from "./App.svelte";
 
 const app = new App({
-	target: document.body
+  target: document.body,
 });
 
-export default app;
\ No newline at end of file
+export default app;