From e119e212dd14c6b27071de1c6e75ec7e8ed690e1 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Tue, 25 Jul 2023 14:43:38 +1000
Subject: [PATCH] feat(@dpc-sdp/ripple-tide-media): remove custom header

---
 .../components/TideMediaHeader.vue            | 22 -------------------
 .../components/global/TideMediaAudio.vue      |  2 +-
 .../global/TideMediaEmbeddedVideo.vue         |  2 +-
 3 files changed, 2 insertions(+), 24 deletions(-)
 delete mode 100644 packages/ripple-tide-media/components/TideMediaHeader.vue

diff --git a/packages/ripple-tide-media/components/TideMediaHeader.vue b/packages/ripple-tide-media/components/TideMediaHeader.vue
deleted file mode 100644
index efb1d81f50..0000000000
--- a/packages/ripple-tide-media/components/TideMediaHeader.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-export default { name: 'TideMediaHeader' }
-</script>
-
-<template>
-  <RplHeroHeader
-    :corner-top="true"
-    :corner-bottom="true"
-    :behind-nav="true"
-    :breadcrumbs="hasBreadcrumbs"
-    :title="header.title"
-  />
-</template>
-
-<script setup lang="ts">
-import type { TideMediaHeader } from '../../types'
-
-defineProps<{
-  header: TideMediaHeader
-  hasBreadcrumbs: boolean
-}>()
-</script>
diff --git a/packages/ripple-tide-media/components/global/TideMediaAudio.vue b/packages/ripple-tide-media/components/global/TideMediaAudio.vue
index d9377d0756..2db03af3b3 100644
--- a/packages/ripple-tide-media/components/global/TideMediaAudio.vue
+++ b/packages/ripple-tide-media/components/global/TideMediaAudio.vue
@@ -18,7 +18,7 @@
       <slot name="breadcrumbs"></slot>
     </template>
     <template #aboveBody>
-      <TideMediaHeader :header="page.header" />
+      <slot name="aboveBody" :hasBreadcrumbs="hasBreadcrumbs"></slot>
     </template>
     <template #body>
       <TideMediaBody :media="page.media">
diff --git a/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue b/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
index 7083c968f6..5f578f957d 100644
--- a/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
+++ b/packages/ripple-tide-media/components/global/TideMediaEmbeddedVideo.vue
@@ -18,7 +18,7 @@
       <slot name="breadcrumbs"></slot>
     </template>
     <template #aboveBody="{ hasBreadcrumbs }">
-      <TideMediaHeader :header="page.header" :hasBreadcrumbs="hasBreadcrumbs" />
+      <slot name="aboveBody" :hasBreadcrumbs="hasBreadcrumbs"></slot>
     </template>
     <template #body>
       <TideMediaBody :media="page.media">