From 07c279b2885fd47ce3c2bde74ca6693e5d5ed135 Mon Sep 17 00:00:00 2001
From: ByteAtATime <byteatatime@proton.me>
Date: Sun, 6 Jul 2025 18:25:05 -0700
Subject: [PATCH] feat(snippets): add snippet icon

---
 src/lib/assets/snippets-package-1616x16@2x.png | Bin 0 -> 1708 bytes
 src/lib/components/ImportSnippets.svelte       |   6 ++----
 src/lib/components/SearchSnippets.svelte       |   3 ++-
 src/lib/components/SnippetForm.svelte          |   3 +++
 src/routes/+page.svelte                        |   7 ++++---
 5 files changed, 11 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/assets/snippets-package-1616x16@2x.png

diff --git a/src/lib/assets/snippets-package-1616x16@2x.png b/src/lib/assets/snippets-package-1616x16@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bdec4d4a6bef372a6b9748d88d0dad0889dcbc7
GIT binary patch
literal 1708
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
C0}L_%

literal 0
HcmV?d00001

diff --git a/src/lib/components/ImportSnippets.svelte b/src/lib/components/ImportSnippets.svelte
index d1212bb..8497ad7 100644
--- a/src/lib/components/ImportSnippets.svelte
+++ b/src/lib/components/ImportSnippets.svelte
@@ -7,6 +7,7 @@
 	import { ArrowLeft, CheckCircle, Info, ArrowRight, Loader2 } from '@lucide/svelte';
 	import ActionBar from '$lib/components/nodes/shared/ActionBar.svelte';
 	import { onMount } from 'svelte';
+	import snippetIcon from '$lib/assets/snippets-package-1616x16@2x.png?inline';
 
 	type SnippetToImport = {
 		name: string;
@@ -128,10 +129,7 @@
 		{/if}
 	</div>
 
-	<ActionBar
-		title={importState === 'idle' || importState === 'importing' ? 'Import Snippets' : undefined}
-		icon={importState === 'idle' || importState === 'importing' ? 'snippets-16' : undefined}
-	>
+	<ActionBar title="Import Snippets" icon={snippetIcon}>
 		{#snippet primaryAction()}
 			{#if importState === 'result'}
 				<Button
diff --git a/src/lib/components/SearchSnippets.svelte b/src/lib/components/SearchSnippets.svelte
index 293d555..f5eb5cb 100644
--- a/src/lib/components/SearchSnippets.svelte
+++ b/src/lib/components/SearchSnippets.svelte
@@ -15,6 +15,7 @@
 	import Header from './layout/Header.svelte';
 	import InfoList from './InfoList.svelte';
 	import type { ActionDefinition } from './nodes/shared/actions';
+	import snippetIcon from '$lib/assets/snippets-package-1616x16@2x.png?inline';
 
 	type Props = {
 		onBack: () => void;
@@ -231,7 +232,7 @@
 
 	{#snippet footer()}
 		{#if selectedItem}
-			<ActionBar {actions} />
+			<ActionBar {actions} icon={snippetIcon} title="Search Snippets" />
 		{/if}
 	{/snippet}
 </MainLayout>
diff --git a/src/lib/components/SnippetForm.svelte b/src/lib/components/SnippetForm.svelte
index b9f499e..d8b638e 100644
--- a/src/lib/components/SnippetForm.svelte
+++ b/src/lib/components/SnippetForm.svelte
@@ -9,6 +9,7 @@
 	import MainLayout from './layout/MainLayout.svelte';
 	import Header from './layout/Header.svelte';
 	import ActionBar from './nodes/shared/ActionBar.svelte';
+	import snippetIcon from '$lib/assets/snippets-package-1616x16@2x.png?inline';
 
 	type Props = {
 		onBack: () => void;
@@ -231,6 +232,8 @@
 					shortcut: { key: 'enter', modifiers: ['cmd'] }
 				}
 			]}
+			icon={snippetIcon}
+			title="Create Snippet"
 		>
 			{#snippet primaryAction({ props })}
 				<Button {...props} onclick={handleSave}><Save class="mr-2 size-4" /> Create Snippet</Button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e099937..4b84628 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -21,6 +21,7 @@
 	import CommandDeeplinkConfirm from '$lib/components/CommandDeeplinkConfirm.svelte';
 	import clipboardHistoryCommandIcon from '$lib/assets/command-clipboard-history-1616x16@2x.png?inline';
 	import fileSearchCommandIcon from '$lib/assets/command-file-search-1616x16@2x.png?inline';
+	import snippetIcon from '$lib/assets/snippets-package-1616x16@2x.png?inline';
 
 	const storePlugin: PluginInfo = {
 		title: 'Store',
@@ -55,7 +56,7 @@
 		pluginName: 'snippets',
 		commandName: 'search-snippets',
 		pluginPath: 'builtin:search-snippets',
-		icon: 'snippets-16',
+		icon: snippetIcon,
 		preferences: [],
 		mode: 'view',
 		owner: 'raycast'
@@ -81,7 +82,7 @@
 		pluginName: 'snippets',
 		commandName: 'create-snippet',
 		pluginPath: 'builtin:create-snippet',
-		icon: 'snippets-16',
+		icon: snippetIcon,
 		preferences: [],
 		mode: 'view',
 		owner: 'raycast'
@@ -94,7 +95,7 @@
 		pluginName: 'snippets',
 		commandName: 'import-snippets',
 		pluginPath: 'builtin:import-snippets',
-		icon: 'upload-16',
+		icon: snippetIcon,
 		preferences: [],
 		mode: 'view',
 		owner: 'raycast'