refractor: use vote endpoints intead of favorites

AlexScigalszky · Mar 8, 2023 · 49b27c7 · 49b27c7
1 parent fd18866
commit 49b27c7
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/angular.json b/angular.json
@@ -43,7 +43,7 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
+                  "maximumWarning": "1mb",
                   "maximumError": "1mb"
                 },
                 {

diff --git a/src/app/components/item-actions/item-actions.component.ts b/src/app/components/item-actions/item-actions.component.ts
@@ -7,27 +7,33 @@ import { Item } from 'src/app/models/item';
   template: `
     <div>
       <button
-        [class.disabled]="!(item.dones[order] === false || item.dones[order] === null)"
+        [class.disabled]="done"
         (click)="markAsDone()"
         type="button"
-        class="btn btn-sm btn-outline-success mr-2"
+        class="btn btn-sm  mr-2"
+        [class.btn-success]="done"
+        [class.btn-outline-success]="!done"
       >
         Done
       </button>
 
       <button
-        [class.disabled]="!(item.dones[order] === true || item.dones[order] === null)"
+        [class.disabled]="todo"
         (click)="markAsTodo()"
         type="button"
         class="btn btn-sm btn-outline-secondary mr-2"
+        [class.btn-success]="todo"
+        [class.btn-outline-secondary]="!todo"
       >
         To do
       </button>
       <button
-        [class.disabled]="!(item.dones[order] !== null)"
+        [class.disabled]="reset"
         (click)="clear()"
         type="button"
         class="btn btn-sm btn-link-danger"
+        [class.btn-success]="reset"
+        [class.btn-outline-secondary]="!reset"
       >
         Reset
       </button>
@@ -43,6 +49,17 @@ export class ItemActionsComponent {
   @Output() onTodo = new EventEmitter<boolean>();
   @Output() onClear = new EventEmitter<boolean>();
 
+  get done() {
+    return !(this.item.dones[this.order] === false || this.item.dones[this.order] === null);
+  }
+
+  get todo() {
+    return !(this.item.dones[this.order] === true || this.item.dones[this.order] === null);
+  }
+
+  get reset() {
+    return !(this.item.dones[this.order] !== null)
+  }
   markAsDone(): void {
     this.onDone.emit(true);
   }

diff --git a/src/app/services/items.service.ts b/src/app/services/items.service.ts
@@ -29,7 +29,7 @@ export class ItemsService {
 
   vote(identifier: string, userIdentifier: string): Observable<void> {
     return this.http.post<void>(
-      'https://threethingstodoinlife-functions.netlify.app/.netlify/functions/favorites-add',
+      'https://threethingstodoinlife-functions.netlify.app/.netlify/functions/vote-up',
       { identifier, userIdentifier },
       {
         headers: this.headers,
@@ -39,7 +39,7 @@ export class ItemsService {
 
   unvote(identifier: string, userIdentifier: string): Observable<void> {
     return this.http.post<void>(
-      'https://threethingstodoinlife-functions.netlify.app/.netlify/functions/favorites-remove',
+      'https://threethingstodoinlife-functions.netlify.app/.netlify/functions/vote-down',
       { identifier, userIdentifier },
       {
         headers: this.headers,