From 4e07fc22f9b6dfdc7ac71dc2eab1cfa08baab689 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Sun, 15 Jan 2023 21:39:29 -0800
Subject: [PATCH] Change cog icon to iconify.

---
 src/lib/components/preferences/profile.svelte | 13 ++++++++++---
 src/routes/+layout.svelte                     |  7 +++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/preferences/profile.svelte b/src/lib/components/preferences/profile.svelte
index 5379024..a2aa539 100644
--- a/src/lib/components/preferences/profile.svelte
+++ b/src/lib/components/preferences/profile.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { fade } from 'svelte/transition';
 	import { Popover, PopoverButton, PopoverPanel } from '@rgossiaux/svelte-headlessui';
-	import { CogIcon } from '@rgossiaux/svelte-heroicons/outline';
-	import { collectionStore } from '$root/lib/stores/collectionStore';
+	import Icon from '@iconify/svelte';
 	import Themes from './themes.svelte';
 	import GameCollection from './gameCollection.svelte';
 	import GameWishlist from './gameWishlist.svelte';
@@ -11,7 +10,15 @@
 <div class="container">
 	<Popover let:open class="popover">
 		<PopoverButton aria-label="Preferences">
-			<CogIcon width="24" height="24" />
+			<!-- <CogIcon width="24" height="24" /> -->
+			<Icon
+				icon="mdi:cog-outline"
+				width="24" height="24"
+				style={open ?
+					'transform: rotate(90deg); transition: transform 0.5s ease;'
+					: 'transform: rotate(0deg); transition: transform 0.5s ease;'
+				}
+			/>
 		</PopoverButton>
 
 		{#if open}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2a6b3a6..34cbac8 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,10 +2,7 @@
 	import { browser } from '$app/environment';
 	import { navigating } from '$app/stores';
 	import debounce from 'just-debounce-it';
-	import clone from 'just-clone';
 	import { Toy } from '@leveluptuts/svelte-toy';
-	// import 'iconify-icon';
-	// import '../app.postcss';
 	import Analytics from '$lib/components/analytics.svelte';
 	import Header from '$lib/components/header/Header.svelte';
 	import Loading from '$lib/components/loading.svelte';
@@ -18,7 +15,9 @@
 	import { toast } from '$lib/components/toast/toast';
 	import Toast from '$lib/components/toast/Toast.svelte';
 	import '$root/styles/styles.pcss';
-  import type { SavedGameType } from '$root/lib/types';
+
+	import type { SavedGameType } from '$root/lib/types';
+
 
 	$: {
 		if ($navigating) {