🎨 prettier

src/src/app/modals/place-create-modal/place-create-modal.component.html

@@ -8,12 +8,12 @@
       </p-floatlabel>
       <div class="absolute right-2 top-1/2 -translate-y-1/2">
         @if (gmapsLoading) {
-          <svg viewBox="25 25 50 50">
-            <circle r="20" cy="50" cx="50"></circle>
-          </svg>
+        <svg viewBox="25 25 50 50">
+          <circle r="20" cy="50" cx="50"></circle>
+        </svg>
         } @else {
-          <p-button icon="pi pi-sparkles" variant="text" [disabled]="!placeForm.get('name')!.value" pTooltip="Complete using GMaps API"
-            (click)="gmapsSearchText()" />
+        <p-button icon="pi pi-sparkles" variant="text" [disabled]="!placeForm.get('name')!.value"
+          pTooltip="Complete using GMaps API" (click)="gmapsSearchText()" />
         }
       </div>
     </div>

src/src/app/modals/place-create-modal/place-create-modal.component.scss

@@ -16,38 +16,38 @@
 }
 
 svg {
- width: 2rem;
- animation: loading-rotate 1.5s linear infinite;
+  width: 2rem;
+  animation: loading-rotate 1.5s linear infinite;
 }
 
 circle {
- fill: none;
- stroke: #4f46e5;
- stroke-width: 2;
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- stroke-linecap: round;
- animation: loading-dash 1.5s ease-in-out infinite;
+  fill: none;
+  stroke: #4f46e5;
+  stroke-width: 2;
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  animation: loading-dash 1.5s ease-in-out infinite;
 }
 
 @keyframes loading-rotate {
- 100% {
-  transform: rotate(360deg);
- }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 @keyframes loading-dash {
- 0% {
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
- }
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
 
- 50% {
-  stroke-dasharray: 90, 200;
-  stroke-dashoffset: -35px;
- }
+  50% {
+    stroke-dasharray: 90, 200;
+    stroke-dashoffset: -35px;
+  }
 
- 100% {
-  stroke-dashoffset: -125px;
- }
+  100% {
+    stroke-dashoffset: -125px;
+  }
 }

src/src/app/modals/place-create-modal/place-create-modal.component.ts

@@ -213,12 +213,12 @@ export class PlaceCreateModalComponent {
     this.gmapsLoading = false;
     if (r.category) {
       this.categories$?.pipe(take(1)).subscribe({
-        next: categories => {
-          const category: Category | undefined = categories.find(c => c.name == r.category);
+        next: (categories) => {
+          const category: Category | undefined = categories.find((c) => c.name == r.category);
           if (!category) return;
           this.placeForm.get('category')?.setValue(category.id);
-        }
-      })
+        },
+      });
     }
   }
 
@@ -235,7 +235,7 @@ export class PlaceCreateModalComponent {
         }
 
         if (results.length == 1) {
-          this.gmapsToForm(results[0])
+          this.gmapsToForm(results[0]);
           return;
         }
 

src/src/app/services/interceptor.service.ts

@@ -54,7 +54,7 @@ export const Interceptor = (req: HttpRequest<unknown>, next: HttpHandlerFn): Obs
       const errDetails = ERROR_CONFIG[err.status];
       if (errDetails) {
         console.error(err);
-        let msg = ""
+        let msg = '';
         msg = err.message || errDetails.detail;
         if (!Array.isArray(err.error?.detail)) {
           msg = err.error.detail;