Showing members, allowing window resize

ui/desktop/apps/Dashboard/Dashboard.js

@@ -41,7 +41,7 @@ class Dashboard extends Shadow {
             .maxWidth(95, pct)
             .gap(8);
 
-            window.comalData.contact.forEach((entry) => {
+            window.currentNetwork.data.contact.forEach((entry) => {
                 HStack(() => {
                     this.cell("time", entry.time);
                     this.cell("fname", entry.fname);
@@ -74,7 +74,7 @@ class Dashboard extends Shadow {
             .maxWidth(95, pct)
             .gap(8);
 
-            window.comalData.join.forEach((entry) => {
+            window.currentNetwork.data.contact.forEach((entry) => {
                 HStack(() => {
                     this.cell("time", entry.time);
                     this.cell("fname", entry.fname);

ui/desktop/apps/Forum/Forum.js

@@ -69,7 +69,7 @@ class Forum extends Shadow {
 
                     ForumPanel()
 
-                    input("Message Hyperia", "98%")
+                    input("Message Parchment", "98%")
                         .paddingVertical(1, em)
                         .paddingLeft(2, pct)
                         .color("var(--accent)")

ui/desktop/apps/Jobs/Jobs.js

@@ -30,7 +30,7 @@ class Jobs extends Shadow {
         {
             title: "Austin Chapter Lead",
             salary: "1% of Local Revenue",
-            company: "Hyperia",
+            company: "Parchment",
             city: "Austin",
             state: "TX"
         }

ui/desktop/apps/Market/Market.js

@@ -33,7 +33,7 @@ class Market extends Shadow {
             stars: "5",
             reviews: 1,
             price: "$12",
-            company: "Hyperia",
+            company: "Parchment",
             type: "new",
             image: "/db/images/1",
             madeIn: "America"

ui/desktop/apps/Market/MarketGrid.js

@@ -31,15 +31,15 @@ class MarketGrid extends Shadow {
 
                     let params = new URLSearchParams(window.location.search);
 
-                    const hyperiaMade = params.get("hyperia-made") === "true";
+                    const ParchmentMade = params.get("Parchment-made") === "true";
                     const americaMade = params.get("america-made") === "true";
                     const newItem = params.get("new") === "true";
                     const usedItem = params.get("used") === "true";
 
 
                     let filtered = this.listings;
-                    if (hyperiaMade) {
-                        filtered = filtered.filter(item => item.madeIn === "Hyperia");
+                    if (ParchmentMade) {
+                        filtered = filtered.filter(item => item.madeIn === "Parchment");
                     }
                     if (americaMade) {
                         filtered = filtered.filter(item => item.madeIn === "America");

ui/desktop/apps/Market/MarketSidebar.js

@@ -19,12 +19,12 @@ class MarketSidebar extends Shadow {
                 input()
                     .attr({
                         "type": "checkbox",
-                        "id": "hyperia-check"
+                        "id": "Parchment-check"
                     })
                     .onChange(this.handleChecked)
-                label("Hyperia-Made")
+                label("Parchment-Made")
                     .attr({
-                        "for": "hyperia-check"
+                        "for": "Parchment-check"
                     })
                     .marginLeft(0.5, em)
             })

ui/desktop/apps/People/People.js

@@ -0,0 +1,26 @@
+class People extends Shadow {
+    render() {
+        VStack(() => {
+            h1("Members")
+                .fontWeight("bold")
+                .marginBottom(2, em)
+
+            for(let i = 0; i < window.currentNetwork.data.members.length; i++) {
+                let member = window.currentNetwork.data.members[i]
+                HStack(() => {
+                    p(member.firstName + " " + member.lastName)
+                    .width(10, pct)
+                    p(member.email)
+                    .width(10, pct)
+                })
+            }
+        })
+        .gap(0.5, em)
+        .paddingTop(4, pct)
+        .paddingLeft(5, pct)
+        .width(100, pct)
+        .height(100, pct);
+    }
+}
+
+register(People)