init

2026-04-28 20:05:00 -05:00
commit 0d6c7683ff
123 changed files with 20922 additions and 0 deletions
--- a/people/PeopleList.js
+++ b/people/PeopleList.js
@@ -0,0 +1,61 @@
+import "./PeopleCard.js"
+import "/_/code/components/LoadingCircle.js"
+
+css(`
+    people- {
+        font-family: 'Arial';
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+    }
+    people- input::placeholder {
+        color: var(--headertext);
+        opacity: 0.35;
+    }
+    peoplelist- {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        min-height: 0;
+    }
+`)
+
+class PeopleList extends Shadow {
+    constructor(members, isLoading) {
+        super()
+        this._members = members
+        this._isLoading = isLoading
+    }
+
+    render() {
+        VStack(() => {
+            if (this._isLoading) {
+                LoadingCircle()
+            } else if (this._members.length === 0) {
+                VStack(() => {
+                    p("No members match your search")
+                        .margin(0)
+                        .fontSize(0.9, em)
+                        .color("var(--headertext)")
+                        .opacity(0.35)
+                        .textAlign("center")
+                })
+                .flex(1)
+                .justifyContent("center")
+                .alignItems("center")
+            } else {
+                this._members.forEach((person, i) => {
+                    PeopleCard(person)
+                    if (i < this._members.length - 1) {
+                        VStack(() => {}).height(1, px).background("var(--divider)").marginLeft(4.6, em)
+                    }
+                })
+            }
+        })
+        .flex(1)
+        .overflowY("auto")
+        .paddingBottom(1, em)
+    }
+}
+
+register(PeopleList)