MediumStoryCardItem.svelte
1 <script lang="ts" context="module"> 2 import type { 3 EditorialStoryCard, 4 TodayCard, 5 } from '@jet-app/app-store/api/models'; 6 7 export type Item = EditorialStoryCard | TodayCard; 8 9 function isEditorialStoryCard(item: Item): item is EditorialStoryCard { 10 return 'artwork' in item; 11 } 12 </script> 13 14 <script lang="ts"> 15 import EditorialStoryCardItem from '~/components/jet/item/MediumStoryCard/EditorialStoryCardItem.svelte'; 16 import SmallStoryCardWithMediaItem, { 17 isSmallStoryCardWithMediaItem, 18 } from '~/components/jet/item/SmallStoryCardWithMediaItem.svelte'; 19 20 export let item: Item; 21 </script> 22 23 {#if isEditorialStoryCard(item)} 24 <EditorialStoryCardItem {item} /> 25 {:else if isSmallStoryCardWithMediaItem(item)} 26 <SmallStoryCardWithMediaItem {item} /> 27 {/if}