fix: breadcrumbs svelte 5 (#1513)

Signed-off-by: axel7083 <[email protected]>
containers · Aug 8, 2024 · c62ed85 · c62ed85
1 parent 2d3cd02
commit c62ed85
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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} />