Hooking up events

web/src/lib/components/album-page/rule-selection.svelte

@@ -39,7 +39,7 @@
       <p class="text-sm font-medium">LOCATION</p>
       <div class="mt-4">
         <button
-          class="immich-text-primary border-1 flex w-full place-content-center place-items-center rounded-2xl border border-gray-300 py-2 hover:bg-gray-500/20 dark:border-gray-500"
+          class="immich-text-primary border-1 flex w-full place-content-center place-items-center rounded-3xl border border-gray-300 py-2 hover:bg-gray-500/20 dark:border-gray-500"
           on:click={() => dispatch('select-location')}
         >
           <Plus size="24" />

web/src/routes/(user)/albums/[albumId]/+page.svelte

@@ -279,6 +279,16 @@
       handleError(error, 'Error updating album description');
     }
   };
+
+  const handleRulePeopleSelection = () => {
+    // viewMode = ViewMode.SELECT_ASSETS;
+    console.log('handleRuleFaceSelection');
+  };
+
+  const handleRuleLocationSelection = () => {
+    // viewMode = ViewMode.SELECT_ASSETS;
+    console.log('handleRuleLocationSelection');
+  };
 </script>
 
 <header>
@@ -550,5 +560,10 @@
 {/if}
 
 {#if viewMode === ViewMode.RULE_SELECTION}
-  <RuleSelection on:close={() => (viewMode = ViewMode.VIEW)} {album} />
+  <RuleSelection
+    on:close={() => (viewMode = ViewMode.VIEW)}
+    {album}
+    on:select-people={() => handleRulePeopleSelection()}
+    on:select-location={() => handleRuleLocationSelection()}
+  />
 {/if}