From 23b7756d6b7b9cc094b97442123fffa08c6420e8 Mon Sep 17 00:00:00 2001
From: Agustin Mulet <31162600+agustinmulet@users.noreply.github.com>
Date: Mon, 13 Dec 2021 15:37:06 -0300
Subject: Adding Solid to with-nanostores example (#2079)

---
 .../with-nanostores/src/components/AdminsSolid.jsx | 30 ++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 examples/with-nanostores/src/components/AdminsSolid.jsx

(limited to 'examples/with-nanostores/src/components/AdminsSolid.jsx')

diff --git a/examples/with-nanostores/src/components/AdminsSolid.jsx b/examples/with-nanostores/src/components/AdminsSolid.jsx
new file mode 100644
index 000000000..c5b234a40
--- /dev/null
+++ b/examples/with-nanostores/src/components/AdminsSolid.jsx
@@ -0,0 +1,30 @@
+import { createSignal } from 'solid-js';
+import { useStore } from 'solid-nanostores';
+
+import { admins } from '../store/admins.js';
+import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
+
+const AdminsSolid = () => {
+  const list = useStore(admins);
+  const count = useStore(counter);
+
+  return (
+    <>
+      <h1>Solid</h1>
+      <ul>
+        {list.map((admin) => (
+          <li key={admin.id}>{JSON.stringify(admin, null, 2)}</li>
+        ))}
+      </ul>
+      <div>
+        <h3>Counter</h3>
+        <p>{count.value}</p>
+        <button onClick={decreaseCounter}>-1</button>
+        <button onClick={increaseCounter}>+1</button>
+      </div>
+      <br />
+    </>
+  );
+}
+
+export default AdminsSolid;
-- 
cgit v1.2.3

