From df76c9744b077cc5c752dc3bc9679428fb4954ad Mon Sep 17 00:00:00 2001
From: Haydn Ewers <27211+haydn@users.noreply.github.com>
Date: Thu, 21 Aug 2025 10:48:23 +1000
Subject: [PATCH] order lists alphabetically

---
 src/app/page.tsx | 68 +++++++++++++++++++++++++-----------------------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9b424f7..c9ac0d0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -58,40 +58,42 @@ const HomePage = () => {
   return (
     <div>
       <div style={{ columns: 4 }}>
-        {(lists ?? []).map((list) => (
-          <div key={list.id} style={{ breakInside: "avoid" }}>
-            <List {...list} />
-            <Dialog
-              render={(closeDialog) => (
-                <button
-                  onClick={() => {
-                    deleteList(list);
-                    closeDialog();
-                  }}
-                  type="button"
-                >
-                  Confirm
-                </button>
-              )}
-            >
-              Remove list
-            </Dialog>
+        {(lists ?? [])
+          .sort((a, b) => a.name.localeCompare(b.name))
+          .map((list) => (
+            <div key={list.id} style={{ breakInside: "avoid" }}>
+              <List {...list} />
+              <Dialog
+                render={(closeDialog) => (
+                  <button
+                    onClick={() => {
+                      deleteList(list);
+                      closeDialog();
+                    }}
+                    type="button"
+                  >
+                    Confirm
+                  </button>
+                )}
+              >
+                Remove list
+              </Dialog>
 
-            <Dialog
-              render={(closeDialog) => (
-                <ListForm
-                  list={list}
-                  onSubmit={(list) => {
-                    updateList(list);
-                    closeDialog();
-                  }}
-                />
-              )}
-            >
-              Edit list
-            </Dialog>
-          </div>
-        ))}
+              <Dialog
+                render={(closeDialog) => (
+                  <ListForm
+                    list={list}
+                    onSubmit={(list) => {
+                      updateList(list);
+                      closeDialog();
+                    }}
+                  />
+                )}
+              >
+                Edit list
+              </Dialog>
+            </div>
+          ))}
       </div>
       <hr />
       <Dialog
-- 
2.51.2