From c62ed85c56117c597489cc70f1f141a9326f0f23 Mon Sep 17 00:00:00 2001
From: axel7083 <42176370+axel7083@users.noreply.github.com>
Date: Thu, 8 Aug 2024 17:22:30 +0200
Subject: [PATCH] fix: breadcrumbs svelte 5 (#1513)

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
---
 packages/frontend/src/pages/CreateService.svelte          | 4 ++--
 packages/frontend/src/pages/ImportModel.svelte            | 4 ++--
 packages/frontend/src/pages/InferenceServerDetails.svelte | 4 ++--
 packages/frontend/src/pages/Model.svelte                  | 4 ++--
 packages/frontend/src/pages/Playground.svelte             | 4 ++--
 packages/frontend/src/pages/PlaygroundCreate.svelte       | 4 ++--
 packages/frontend/src/pages/Recipe.svelte                 | 4 ++--
 packages/frontend/src/pages/StartRecipe.svelte            | 4 ++--
 8 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/frontend/src/pages/CreateService.svelte b/packages/frontend/src/pages/CreateService.svelte
index 45cda03e6..17710ec3b 100644
--- a/packages/frontend/src/pages/CreateService.svelte
+++ b/packages/frontend/src/pages/CreateService.svelte
@@ -140,8 +140,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Model Services"
   breadcrumbRightPart="Creating Model service"
   breadcrumbTitle="Go back to Model Services"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="rounded-full w-8 h-8 flex items-center justify-center">
       <Fa size="1.125x" class="text-[var(--pd-content-header-icon)]" icon={faPlus} />
diff --git a/packages/frontend/src/pages/ImportModel.svelte b/packages/frontend/src/pages/ImportModel.svelte
index ecf433f3f..924d7a62f 100644
--- a/packages/frontend/src/pages/ImportModel.svelte
+++ b/packages/frontend/src/pages/ImportModel.svelte
@@ -101,8 +101,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Models"
   breadcrumbRightPart="Import Model"
   breadcrumbTitle="Go back to Models Catalog"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="rounded-full w-8 h-8 flex items-center justify-center">
       <Fa size="1.125x" class="text-[var(--pd-content-header-icon)]" icon={faFileImport} />
diff --git a/packages/frontend/src/pages/InferenceServerDetails.svelte b/packages/frontend/src/pages/InferenceServerDetails.svelte
index 18666dc05..ffefab763 100644
--- a/packages/frontend/src/pages/InferenceServerDetails.svelte
+++ b/packages/frontend/src/pages/InferenceServerDetails.svelte
@@ -137,8 +137,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Model Services"
   breadcrumbRightPart="Service details"
   breadcrumbTitle="Go back to Model Services"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="mr-3">
       {#if service !== undefined}
diff --git a/packages/frontend/src/pages/Model.svelte b/packages/frontend/src/pages/Model.svelte
index 93334596b..3f4174fbe 100644
--- a/packages/frontend/src/pages/Model.svelte
+++ b/packages/frontend/src/pages/Model.svelte
@@ -18,8 +18,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Models"
   breadcrumbRightPart={model?.name || ''}
   breadcrumbTitle="Go back to Models"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="content">
     <div class="flex flex-row w-full h-full bg-[var(--pd-content-bg)] overflow-y-auto">
       <div class="flex-grow p-5">
diff --git a/packages/frontend/src/pages/Playground.svelte b/packages/frontend/src/pages/Playground.svelte
index 9cddcd7c4..ca6df3865 100644
--- a/packages/frontend/src/pages/Playground.svelte
+++ b/packages/frontend/src/pages/Playground.svelte
@@ -160,8 +160,8 @@ export function goToUpPage(): void {
     breadcrumbLeftPart="Playgrounds"
     breadcrumbRightPart={conversation?.name}
     breadcrumbTitle="Go back to Playgrounds"
-    on:close={goToUpPage}
-    on:breadcrumbClick={goToUpPage}>
+    onclose={goToUpPage}
+    onbreadcrumbClick={goToUpPage}>
     <svelte:fragment slot="icon">
       <div class="mr-3">
         <StatusIcon icon={ContainerIcon} size={24} status={getStatusForIcon(server?.status, server?.health?.Status)} />
diff --git a/packages/frontend/src/pages/PlaygroundCreate.svelte b/packages/frontend/src/pages/PlaygroundCreate.svelte
index edb329cae..0faf743a7 100644
--- a/packages/frontend/src/pages/PlaygroundCreate.svelte
+++ b/packages/frontend/src/pages/PlaygroundCreate.svelte
@@ -113,8 +113,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Playgrounds"
   breadcrumbRightPart="New Playground environment"
   breadcrumbTitle="Go back to Playgrounds"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="rounded-full w-8 h-8 flex items-center justify-center">
       <Fa size="1.125x" class="text-[var(--pd-content-header-icon)]" icon={faPlus} />
diff --git a/packages/frontend/src/pages/Recipe.svelte b/packages/frontend/src/pages/Recipe.svelte
index 5bf6a4160..c0562ef05 100644
--- a/packages/frontend/src/pages/Recipe.svelte
+++ b/packages/frontend/src/pages/Recipe.svelte
@@ -38,8 +38,8 @@ export function goToUpPage(): void {
   breadcrumbLeftPart="Recipes"
   breadcrumbRightPart={recipe?.name || ''}
   breadcrumbTitle="Go back to Recipes"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="rounded-full w-8 h-8 flex items-center justify-center">
       <Fa size="1.125x" class="text-[var(--pd-content-header-icon)]" icon={getIcon(recipe?.icon)} />
diff --git a/packages/frontend/src/pages/StartRecipe.svelte b/packages/frontend/src/pages/StartRecipe.svelte
index 07fa84025..35854369c 100644
--- a/packages/frontend/src/pages/StartRecipe.svelte
+++ b/packages/frontend/src/pages/StartRecipe.svelte
@@ -141,8 +141,8 @@ export function goToUpPage(): void {
   breadcrumbRightPart="Start recipe"
   breadcrumbTitle="Go back to recipes page"
   title="Start recipe"
-  on:close={goToUpPage}
-  on:breadcrumbClick={goToUpPage}>
+  onclose={goToUpPage}
+  onbreadcrumbClick={goToUpPage}>
   <svelte:fragment slot="icon">
     <div class="rounded-full w-8 h-8 flex items-center justify-center">
       <Fa size="1.125x" class="text-[var(--pd-content-header-icon)]" icon={faRocket} />