From c9e4cb300b47cf03e61071e18530b6325ec9e0d1 Mon Sep 17 00:00:00 2001
From: Alex Tran <alex.tran1502@gmail.com>
Date: Fri, 18 Oct 2024 14:12:56 -0500
Subject: [PATCH 1/2] fix(web): intersection observer not triggered to load
 more people

---
 web/src/lib/components/faces-page/people-infinite-scroll.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/faces-page/people-infinite-scroll.svelte b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
index 1f613c52a0f5c..aefd6fe9578bc 100644
--- a/web/src/lib/components/faces-page/people-infinite-scroll.svelte
+++ b/web/src/lib/components/faces-page/people-infinite-scroll.svelte
@@ -23,7 +23,7 @@
 <div class="w-full grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-9 gap-1">
   {#each people as person, index (person.id)}
     {#if hasNextPage && index === people.length - 1}
-      <div bind:this={lastPersonContainer} class="contents">
+      <div bind:this={lastPersonContainer}>
         <slot {person} {index} />
       </div>
     {:else}

From 47e6d3b80c6fe65aeb5c5985a46a6756a9315e4f Mon Sep 17 00:00:00 2001
From: Alex Tran <alex.tran1502@gmail.com>
Date: Fri, 18 Oct 2024 14:35:51 -0500
Subject: [PATCH 2/2] fix wrong size of the last item

---
 .../lib/components/faces-page/manage-people-visibility.svelte   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/faces-page/manage-people-visibility.svelte b/web/src/lib/components/faces-page/manage-people-visibility.svelte
index 23a69e7759de6..a48fd6bf74469 100644
--- a/web/src/lib/components/faces-page/manage-people-visibility.svelte
+++ b/web/src/lib/components/faces-page/manage-people-visibility.svelte
@@ -145,7 +145,7 @@
     {@const hidden = personIsHidden[person.id]}
     <button
       type="button"
-      class="group relative"
+      class="group relative w-full h-full"
       on:click={() => (personIsHidden[person.id] = !hidden)}
       aria-pressed={hidden}
       aria-label={person.name ? $t('hide_named_person', { values: { name: person.name } }) : $t('hide_person')}