Prettier.

src/app/pages/recipe-page/recipe-page-content/recipe-page-content.ts

@@ -28,7 +28,7 @@ export class RecipePageContent {
         const recipe = this.recipeView().recipe;
         return {
             queryKey: ['recipe-main-images', recipe.owner.username, recipe.slug],
-            queryFn: () => this.imageService.getImage(recipe.mainImage?.url)
+            queryFn: () => this.imageService.getImage(recipe.mainImage?.url),
         };
     });
 

src/app/pages/recipe-upload-page/recipe-upload-page.ts

@@ -76,7 +76,10 @@ export class RecipeUploadPage implements OnInit {
             .subscribe();
     }
 
-    private async switchModel(model: RecipeUploadClientModel, switchStep: boolean | RecipeUploadStep = false): Promise<void> {
+    private async switchModel(
+        model: RecipeUploadClientModel,
+        switchStep: boolean | RecipeUploadStep = false,
+    ): Promise<void> {
         this.model.set(model);
         this.includeInfer.set(!!model.draft?.lastInference);
         if (switchStep === true) {
@@ -140,7 +143,7 @@ export class RecipeUploadPage implements OnInit {
             const model = await this.recipeDraftService.updateDraft(this.model().draft!.id, {
                 title,
                 slug,
-                rawText
+                rawText,
             });
             await this.switchModel(model, RecipeUploadStep.REVIEW);
         }

src/app/pages/recipe-upload-page/steps/enter-recipe-data/EnterRecipeDataEvent.ts

@@ -1,4 +1,4 @@
-export type EnterRecipeDataEvent = EnterRecipeDataSubmitEvent
+export type EnterRecipeDataEvent = EnterRecipeDataSubmitEvent;
 
 export interface EnterRecipeDataSubmitEvent {
     _type: 'submit';
@@ -6,5 +6,5 @@ export interface EnterRecipeDataSubmitEvent {
         title: string;
         slug: string;
         rawText: string;
-    }
+    };
 }

src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.ts

@@ -5,7 +5,8 @@ import {
     inject,
     Injector,
     input,
-    OnInit, output,
+    OnInit,
+    output,
     runInInjectionContext,
     viewChild,
 } from '@angular/core';
@@ -73,8 +74,8 @@ export class EnterRecipeData implements OnInit {
             data: {
                 title: title!,
                 slug: slug!,
-                rawText: text!
+                rawText: text!,
-            }
+            },
-        })
+        });
     }
 }

src/app/pages/recipe-upload-page/steps/review/review.spec.ts

@@ -8,9 +8,8 @@ describe('Review', () => {
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
-      imports: [Review]
+            imports: [Review],
-    })
+        }).compileComponents();
-    .compileComponents();
 
         fixture = TestBed.createComponent(Review);
         component = fixture.componentInstance;

src/app/pages/recipe-upload-page/steps/review/review.ts

@@ -4,19 +4,15 @@ import { MatButton } from '@angular/material/button';
 
 @Component({
     selector: 'app-review',
-    imports: [
+    imports: [MatButton],
-        MatButton
-    ],
     templateUrl: './review.html',
     styleUrl: './review.css',
 })
 export class Review {
-
     public readonly draft = input.required<RecipeDraftViewModel>();
     public readonly publish = output<void>();
 
     protected onPublish(): void {
         this.publish.emit();
     }
-
 }

src/app/shared/client-models/RecipeUploadStep.ts

@@ -2,5 +2,5 @@ export enum RecipeUploadStep {
     START,
     INFER,
     ENTER_DATA,
-    REVIEW
+    REVIEW,
 }

src/app/shared/components/recipe-card-grid/recipe-card/recipe-card.ts

@@ -31,7 +31,7 @@ export class RecipeCard {
         const recipe = this.recipe();
         return {
             queryKey: ['recipe-main-images', recipe.owner.username, recipe.slug],
-            queryFn: () => this.imageService.getImage(recipe.mainImage?.url)
+            queryFn: () => this.imageService.getImage(recipe.mainImage?.url),
         };
     });
 }

src/app/shared/services/RecipeDraftService.ts

@@ -72,32 +72,30 @@ export class RecipeDraftService {
         );
     }
 
-    public updateDraft(id: string, data: {
+    public updateDraft(
+        id: string,
+        data: {
             title?: string | null;
             slug?: string | null;
             rawText?: string | null;
-    }): Promise<RecipeUploadClientModel> {
+        },
+    ): Promise<RecipeUploadClientModel> {
         return firstValueFrom(
-            this.http.put<WithStringDates<RecipeDraftViewModel>>(
+            this.http
-                this.endpointService.getUrl('recipeDrafts', [id]),
+                .put<WithStringDates<RecipeDraftViewModel>>(this.endpointService.getUrl('recipeDrafts', [id]), data)
-                data
-            )
                 .pipe(
-                    map(rawView => this.hydrateView(rawView)),
+                    map((rawView) => this.hydrateView(rawView)),
-                    map(draft => ({
+                    map((draft) => ({
                         draft,
                         inProgressStep: RecipeUploadStep.ENTER_DATA,
-                    }))
+                    })),
-                )
+                ),
         );
     }
 
     public publish(id: string): Promise<Recipe> {
         return firstValueFrom(
-            this.http.post<Recipe>(
+            this.http.post<Recipe>(this.endpointService.getUrl('recipeDrafts', [id, 'publish']), null),
-                this.endpointService.getUrl('recipeDrafts', [id, 'publish']),
-                null
-            )
         );
     }