Skip to content

Commit 9ff804e

Browse files
committed
Refactor get classes
1 parent cb554f7 commit 9ff804e

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/SvelteToast.svelte

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ let items
1313
$: items = $toast.filter((i) => i.target === target)
1414
1515
const getCss = (theme) => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[c]};`, '')
16+
const getClasses = (classes) => (classes.length ? classes.join(' ') : '')
1617
</script>
1718

1819
<style>
@@ -32,7 +33,13 @@ const getCss = (theme) => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[
3233

3334
<ul class="_toastContainer">
3435
{#each items as item (item.id)}
35-
<li class={item.classes.length ? item.classes.join(' ') : ''} in:fly={item.intro} out:fade animate:flip={{ duration: 200 }} style={getCss(item.theme)}>
36+
<li
37+
class={getClasses(item.classes)}
38+
in:fly={item.intro}
39+
out:fade
40+
animate:flip={{ duration: 200 }}
41+
style={getCss(item.theme)}
42+
>
3643
<ToastItem {item} />
3744
</li>
3845
{/each}

0 commit comments

Comments
 (0)