From 6f42d0273721d251a25e7b34ac5b6f3441ad1583 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Tue, 9 Aug 2022 16:27:42 -0700
Subject: [PATCH] Icon update and type import.

---
 src/lib/components/game/index.svelte | 3 +--
 src/routes/game/[id].svelte          | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/game/index.svelte b/src/lib/components/game/index.svelte
index f7ff400..d0be0ca 100644
--- a/src/lib/components/game/index.svelte
+++ b/src/lib/components/game/index.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
   import { MinusCircleIcon, PlusCircleIcon } from '@rgossiaux/svelte-heroicons/outline';
-  import { ToastType, type GameType, type SavedGameType } from '$lib/types';
+  import type { GameType, SavedGameType } from '$lib/types';
   import { collectionStore } from '$lib/stores/collectionStore';
-  import { toast } from '$lib/components/toast/toast';
   import { addToCollection, removeFromCollection } from '$lib/util/manipulateCollection';
 
   export let game: GameType;
diff --git a/src/routes/game/[id].svelte b/src/routes/game/[id].svelte
index fd57a9e..0afbf95 100644
--- a/src/routes/game/[id].svelte
+++ b/src/routes/game/[id].svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
-  import ExternalLink from '@rgossiaux/svelte-heroicons/outline/ExternalLink';
+  import { ExternalLinkIcon, MinusCircleIcon, MinusIcon, PlusCircleIcon, PlusIcon } from '@rgossiaux/svelte-heroicons/outline';
   import { collectionStore } from '$lib/stores/collectionStore';
   import type { GameType, SavedGameType } from '$lib/types';
   import { addToCollection, removeFromCollection } from '$lib/util/manipulateCollection';
-import { MinusCircleIcon, MinusIcon, PlusCircleIcon, PlusIcon } from '@rgossiaux/svelte-heroicons/outline';
 
   $: existsInCollection = $collectionStore.find((item: SavedGameType) => item.id === game.id);
   export let game: GameType;
@@ -38,12 +37,13 @@ import { MinusCircleIcon, MinusIcon, PlusCircleIcon, PlusIcon } from '@rgossiaux
     <p>Minimum Age: {game.min_age}</p>
     <p>Price: ${game?.price}</p>
     <a
+      class="with-icon"
       style="display: flex; gap: 1rem;"
       href={game.url}
       target="_blank"
       rel="noreferrer"
       aria-label={`Board Game Atlas Link for ${game.name}`}
-      >Board Game Atlas Link <ExternalLink width="24" height="24" /></a
+      >Board Game Atlas Link <ExternalLinkIcon width="24" height="24" /></a
     >
     {#if existsInCollection}
       <button class="btn" type="button" on:click={() => removeFromCollection(game)}