fix: TT-610 Time Tracker UI Refactor - Environment Variables

Author: wilc0519

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

@@ -49,7 +49,10 @@ jobs:
         AZURE_APP_CONFIGURATION_CONNECTION_STRING: ${{ secrets.AZURE_APP_CONFIGURATION_CONNECTION_STRING }}
       run: |
         chmod +x ./scripts/populate-keys.sh
+        chmod +x ./scripts/create-keys.sh
         sh ./scripts/populate-keys.sh
+        sh ./scripts/create-keys.sh
+
 
     - name: Running tests
       run: npm run ci-test --if-present

scripts/create-keys.sh

@@ -0,0 +1,8 @@
+> ./src/environments/keys.ts
+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
+echo 'export const AZURE_APP_CONFIGURATION_CONNECTION_STRING = '$AZURE_APP_CONFIGURATION_CONNECTION_STRING'' >> ./src/environments/keys.ts
+cat ./src/environments/keys.ts

scripts/populate-keys.sh

@@ -1,6 +1,6 @@
 import { ToastrService } from 'ngx-toastr';
 import { formatDate } from '@angular/common';
-import { OnChanges, SimpleChanges, Component, Input, OnInit  } from '@angular/core';
+import { OnChanges, SimpleChanges, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { DATE_FORMAT } from 'src/environments/environment';
 import * as entryActions from '../../../time-clock/store/entry.actions';