fix: display add button when selected group is undefined

decaf-dev · Apr 29, 2024 · 652405c · 652405c
1 parent ca256e8
commit 652405c
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/svelte/properties-filter-app/components/base-view.svelte b/src/svelte/properties-filter-app/components/base-view.svelte
@@ -52,19 +52,26 @@
 			<Spacer size="md" />
 		</Stack>
 	</Stack>
+	{#if selectedGroup == undefined}
+		<IconButton
+			ariaLabel="Add property filter group"
+			iconId="plus"
+			on:click={() => handleAddGroupClick()}
+		/>
+	{/if}
 	{#if selectedGroup !== undefined}
 		<Spacer size="sm" direction="vertical" />
-		<Stack align="center">
-			<IconButton
-				ariaLabel="Edit property filter group"
-				iconId="pencil"
-				on:click={() => handleEditClick()}
-			/>
+		<Stack align="center" spacing="sm">
 			<IconButton
 				ariaLabel="Add property filter group"
 				iconId="plus"
 				on:click={() => handleAddGroupClick()}
 			/>
+			<IconButton
+				ariaLabel="Edit property filter group"
+				iconId="pencil"
+				on:click={() => handleEditClick()}
+			/>
 			<Stack justify="flex-end" width="100%" align="center" spacing="sm">
 				<Switch
 					ariaLabel="Toggle property filter group"