test: fixed tests

Signed-off-by: Evzen Gasta <[email protected]>

Author: gastoner

packages/frontend/src/lib/Badge.spec.ts

@@ -31,7 +31,7 @@ test('print Badge with custom text and default background', async () => {
 });
 
 test('print Badge with custom text and custom background', async () => {
-  render(Badge, { icon: faTrash, content: 'custom-text', background: 'bg-[var(--pd-label-text)]' });
+  render(Badge, { icon: faTrash, content: 'custom-text', class: 'bg-[var(--pd-label-text)]' });
 
   const badgeContent = screen.getByText('custom-text');
   expect(badgeContent).toBeInTheDocument();

packages/frontend/src/lib/Badge.svelte

@@ -8,11 +8,10 @@ interface Props {
   class?: string;
 }
 
-let { icon, content, class: classes = 'bg-[var(--pd-label-bg)]' }: Props = $props();
+let { icon, content, class: classes = 'bg-[var(--pd-label-bg)] text-[var(--pd-label-text)]' }: Props = $props();
 </script>
 
-<div
-  class="{classes} rounded-md px-2 py-1 flex flex-row w-min h-min text-[var(--pd-label-text)] text-nowrap items-center text-sm">
+<div class="{classes} rounded-md px-2 py-1 flex flex-row w-min h-min text-nowrap items-center text-sm">
   {#if icon}
     <Fa class="mr-2" icon={icon} />
   {/if}