From c3d7a36249fce876813c9e71bead5775c985148a Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Thu, 12 Mar 2026 02:46:12 +0000
Subject: [PATCH] feat(01-03): create PeopleList component

- Subscribes to store.people signal
- Renders list of person names with unique keys
- Shows empty state when no people added
- Preact Signals auto-track dependencies in components
---
 .../src/components/people/PeopleList.jsx        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 gsd-framework/src/components/people/PeopleList.jsx

diff --git a/gsd-framework/src/components/people/PeopleList.jsx b/gsd-framework/src/components/people/PeopleList.jsx
new file mode 100644
index 0000000..09205fc
--- /dev/null
+++ b/gsd-framework/src/components/people/PeopleList.jsx
@@ -0,0 +1,17 @@
+import { store } from '../../store/billStore.js';
+
+export function PeopleList() {
+  const people = store.people.value;
+
+  if (people.length === 0) {
+    return <p class="empty-state">No people added yet</p>;
+  }
+
+  return (
+    <ul class="people-list">
+      {people.map((person) => (
+        <li key={person.id}>{person.name}</li>
+      ))}
+    </ul>
+  );
+}