/ src / components / jet / item / MediumStoryCardItem.svelte
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}