fix(Post): swapped out Icon

fix(Post): removed dependency on material icons
N00nDay · Oct 19, 2022 · 19813f6 · 19813f6
1 parent 68c6bc5
commit 19813f6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 41 deletions.
diff --git a/src/lib/components/post/Icon.svelte b/src/lib/components/post/Icon.svelte
diff --git 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>