fix: #29 Add key

Author: jorgecod

.github/workflows/CD-time-tracker-ui.yml

@@ -29,6 +29,8 @@ jobs:
         SCOPES: ${{ secrets.scopes }}
         CLIENT_ID: ${{ secrets.client_id }}
         AUTHORITY: ${{ secrets.authority }}
+        STACK_EXCHANGE_ID: ${{ secrets.stack_exchange_id }}
+        STACK_EXCHANGE_ACCESS_TOKEN: ${{ secrets.stack_exchange_access_token }}
       run:  sudo sh scripts/populate-keys.sh
 
     - name: 'run: npm install and build'

.github/workflows/CI-mutation-tests.yml

@@ -26,6 +26,8 @@ jobs:
           SCOPES: ${{ secrets.scopes }}
           CLIENT_ID: ${{ secrets.client_id }}
           AUTHORITY: ${{ secrets.authority }}
+          STACK_EXCHANGE_ID: ${{ secrets.stack_exchange_id }}
+          STACK_EXCHANGE_ACCESS_TOKEN: ${{ secrets.stack_exchange_access_token }}
         run:  sudo sh scripts/populate-keys.sh
 
       - name: Run the test

.github/workflows/CI-time-tracker-ui.yml

@@ -44,12 +44,14 @@ jobs:
         SCOPES: ${{ secrets.scopes }}
         CLIENT_ID: ${{ secrets.client_id }}
         AUTHORITY: ${{ secrets.authority }}
+        STACK_EXCHANGE_ID: ${{ secrets.stack_exchange_id }}
+        STACK_EXCHANGE_ACCESS_TOKEN: ${{ secrets.stack_exchange_access_token }}
       run:  sudo sh scripts/populate-keys.sh
 
     - name: Run the test
       run: npm run ci-test --if-present
 
     - name: Generate coverage report
-      env: 
+      env:
         CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
       run: bash <(curl -s https://codecov.io/bash)

README.md

@@ -40,6 +40,8 @@ Create a file keys.ts with the content pinned in our slack channel:
 export const AUTHORITY = 'XXX';
 export const CLIENT_ID = 'XXX';
 export const SCOPES = ['XXX'];
+export const STACK_EXCHANGE_ID = 'XXX';
+export const STACK_EXCHANGE_ACCESS_TOKEN = 'XXX';
 ```
 
 ### Prepare your environment for vscode

scripts/populate-keys.sh

@@ -4,3 +4,5 @@
 echo 'export const AUTHORITY = "'$AUTHORITY'";' >> src/environments/keys.ts
 echo 'export const CLIENT_ID = "'$CLIENT_ID'";' >> src/environments/keys.ts
 echo 'export const SCOPES = ["'$SCOPES'"];' >> src/environments/keys.ts
+echo 'export const STACK_EXCHANGE_ID = ["'$STACK_EXCHANGE_ID'"];' >> src/environments/keys.ts
+echo 'export const STACK_EXCHANGE_ACCESS_TOKEN = ["'$STACK_EXCHANGE_ACCESS_TOKEN'"];' >> src/environments/keys.ts

src/app/modules/shared/components/details-fields/details-fields.component.spec.ts

@@ -83,7 +83,6 @@ describe('DetailsFieldsComponent', () => {
     const name = 'ngrx';
     component.selectedTechnology = ['java', 'javascript'];
     component.selectedTechnology.indexOf(name);
-    component.selectedTechnology.length = 2;
     component.setTechnology(name);
     expect(component.selectedTechnology.length).toBe(3);
   });

src/app/modules/shared/components/details-fields/details-fields.component.ts

@@ -62,10 +62,8 @@ export class DetailsFieldsComponent implements OnChanges, OnInit {
     const index = this.selectedTechnology.indexOf(name);
     if (index > -1) {
       this.removeTag(index);
-    } else {
-      if (this.selectedTechnology.length < 10) {
-        this.selectedTechnology = [...this.selectedTechnology, name];
-      }
+    } else if (this.selectedTechnology.length < 10) {
+      this.selectedTechnology = [...this.selectedTechnology, name];
     }
   }
 

src/app/modules/shared/services/technology.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Technology } from '../models/technology.model';
-import { KEY, environment } from '../../../../environments/environment';
+import { STACK_EXCHANGE_ID, STACK_EXCHANGE_ACCESS_TOKEN, environment } from '../../../../environments/environment';
 
 @Injectable({
   providedIn: 'root',
@@ -12,7 +12,7 @@ export class TechnologyService {
   constructor(private http: HttpClient) {}
 
   getTechnologies(value: string): Observable<Technology> {
-    const url = `${this.baseUrl}&inname=${value}&site=stackoverflow&key=${KEY}`;
+    const url = `${this.baseUrl}&inname=${value}&site=stackoverflow&key=${STACK_EXCHANGE_ID}&access_token=${STACK_EXCHANGE_ACCESS_TOKEN}`;
     return this.http.get<Technology>(url);
   }
 }

src/environments/environment.ts

@@ -13,7 +13,8 @@ export const AUTHORITY = keys.AUTHORITY;
 export const CLIENT_ID = keys.CLIENT_ID;
 export const SCOPES = keys.SCOPES;
 export const ITEMS_PER_PAGE = 5;
-export const KEY = keys.KEY_TECHNOLOGY;
+export const STACK_EXCHANGE_ID = keys.STACK_EXCHANGE_ID;
+export const STACK_EXCHANGE_ACCESS_TOKEN = keys.STACK_EXCHANGE_ACCESS_TOKEN;
 
 /*
  * For easier debugging in development mode, you can import the following file

src/environments/keys.ts

@@ -1,4 +1,5 @@
 export const AUTHORITY = 'XXX';
 export const CLIENT_ID = 'XXX';
 export const SCOPES = ['XXX'];
-export const KEY_TECHNOLOGY = 'XXX';
+export const STACK_EXCHANGE_ID = 'XXX';
+export const STACK_EXCHANGE_ACCESS_TOKEN = 'XXX';