From 19813f64bb82d755fbea7da308adb0c8b44597ba Mon Sep 17 00:00:00 2001
From: Craig Howell <howell.craig@gmail.com>
Date: Wed, 19 Oct 2022 10:12:03 -0400
Subject: [PATCH] fix(Post): swapped out Icon fix(Post): removed dependency on
 material icons

---
 src/lib/components/post/Icon.svelte        | 39 ----------------------
 src/lib/components/post/Placeholder.svelte | 10 ++++--
 2 files changed, 8 insertions(+), 41 deletions(-)
 delete mode 100644 src/lib/components/post/Icon.svelte

diff --git a/src/lib/components/post/Icon.svelte b/src/lib/components/post/Icon.svelte
deleted file mode 100644
index fd6f10c7..00000000
--- a/src/lib/components/post/Icon.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts">
-	import { twMerge } from 'tailwind-merge';
-	import { POST_HEADER_AVATAR_CONTEXT_ID } from './Avatar.svelte';
-	import { POST_HEADER_AVATAR_PLACEHOLDER_CONTEXT_ID } from './Placeholder.svelte';
-	import { useContext } from '../../utils/useContext';
-	import type { MaterialIcon } from '../../types';
-	import { get_current_component } from 'svelte/internal';
-	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
-	export let use: ActionArray = [];
-	import { exclude } from '../../utils/exclude';
-	const forwardEvents = forwardEventsBuilder(get_current_component());
-
-	export let icon: MaterialIcon = 'person';
-
-	useContext({
-		context_id: POST_HEADER_AVATAR_CONTEXT_ID,
-		parent: 'Post.Header.Avatar',
-		component: 'Post.Header.Avatar.Placeholder.Icon'
-	});
-
-	useContext({
-		context_id: POST_HEADER_AVATAR_PLACEHOLDER_CONTEXT_ID,
-		parent: 'Post.Header.Avatar.Placeholder',
-		component: 'Post.Header.Avatar.Placeholder.Icon'
-	});
-
-	const defaultClass =
-		'material-icons absolute text-light-icon dark:text-dark-icon text-5xl bottom-[-0.5rem]';
-	$: finalClass = twMerge(defaultClass, $$props.class);
-</script>
-
-<span
-	class={finalClass}
-	use:useActions={use}
-	use:forwardEvents
-	{...exclude($$props, ['use', 'class'])}
->
-	{icon}
-</span>
diff --git a/src/lib/components/post/Placeholder.svelte b/src/lib/components/post/Placeholder.svelte
index deb575a7..91a3d938 100644
--- a/src/lib/components/post/Placeholder.svelte
+++ b/src/lib/components/post/Placeholder.svelte
@@ -9,7 +9,8 @@
 	import { useContext } from '../../utils/useContext';
 	import { getContext, setContext } from 'svelte/internal';
 	import { twMerge } from 'tailwind-merge';
-	import Icon from './Icon.svelte';
+	import Icon from '../icon/Icon.svelte';
+	import { account } from '../../icons';
 	import { get_current_component } from 'svelte/internal';
 	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
 	export let use: ActionArray = [];
@@ -28,6 +29,9 @@
 		POST_HEADER_AVATAR_CONTEXT_ID
 	);
 
+	let iconContainerClass =
+		'absolute text-light-icon dark:text-dark-icon h-full w-full bottom-[-0.5rem]';
+
 	setContext(POST_HEADER_AVATAR_PLACEHOLDER_CONTEXT_ID, {
 		placeholder: true
 	});
@@ -56,7 +60,9 @@
 		<slot name="icon" />
 		<slot />
 	{:else}
-		<Icon class="text-light-icon dark:text-dark-icon" />
+		<span class={iconContainerClass}>
+			<Icon data={account} size="40px" />
+		</span>
 	{/if}
 </div>