scss file migration

angular.json

@@ -127,7 +127,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "css"
+      "styleext": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

src/app/app.component.ts

@@ -5,7 +5,7 @@ import { ElectronService } from 'ngx-electron';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'app';

src/app/components/left-side-bar/left-side-bar.component.ts

@@ -7,7 +7,7 @@ import { AccountsService, LocalAccount } from "../../services/accounts.service";
 @Component({
   selector: "app-left-side-bar",
   templateUrl: "./left-side-bar.component.html",
-  styleUrls: ["./left-side-bar.component.css"]
+  styleUrls: ["./left-side-bar.component.scss"]
 })
 export class LeftSideBarComponent implements OnInit, OnDestroy {
   accounts: AccountWrapper[] = [];

src/app/components/stream/stream.component.ts

@@ -5,7 +5,7 @@ import { AccountWrapper } from "../../models/account.models";
 @Component({
   selector: "app-stream",
   templateUrl: "./stream.component.html",
-  styleUrls: ["./stream.component.css"]
+  styleUrls: ["./stream.component.scss"]
 })
 export class StreamComponent implements OnInit {
   private _stream: Stream;

src/app/components/streams-selection-footer/streams-selection-footer.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-streams-selection-footer',
   templateUrl: './streams-selection-footer.component.html',
-  styleUrls: ['./streams-selection-footer.component.css']
+  styleUrls: ['./streams-selection-footer.component.scss']
 })
 export class StreamsSelectionFooterComponent implements OnInit {
 

src/app/components/toot/toot.component.ts

@@ -4,7 +4,7 @@ import { TootWrapper } from "../../models/stream.models";
 @Component({
   selector: "app-toot",
   templateUrl: "./toot.component.html",
-  styleUrls: ["./toot.component.css"]
+  styleUrls: ["./toot.component.scss"]
 })
 export class TootComponent implements OnInit {
   @Input() toot: TootWrapper;

src/app/pages/register-new-account/register-new-account.component.ts

@@ -10,7 +10,7 @@ import { Observable } from "rxjs";
 @Component({
   selector: "app-register-new-account",
   templateUrl: "./register-new-account.component.html",
-  styleUrls: ["./register-new-account.component.css"]
+  styleUrls: ["./register-new-account.component.scss"]
 })
 export class RegisterNewAccountComponent implements OnInit {
   @Input() mastodonFullHandle: string;

src/app/pages/streams-main-display/streams-main-display.component.ts

@@ -7,7 +7,7 @@ import { StreamsService } from "../../services/streams.service";
 @Component({
   selector: "app-streams-main-display",
   templateUrl: "./streams-main-display.component.html",
-  styleUrls: ["./streams-main-display.component.css"]
+  styleUrls: ["./streams-main-display.component.scss"]
 })
 export class StreamsMainDisplayComponent implements OnInit {
   streams: Stream[] = [];

src/app/services/app.service.ts

@@ -1,6 +1,9 @@
 import { Injectable } from '@angular/core';
 import { Http, Response, RequestOptions } from '@angular/http';
+import { map } from "rxjs/operators";
+
 import { ApiRoutes } from './models/api.settings';
+import { TokenData } from './models/mastodon.interfaces';
 
 @Injectable()
 export class AppService {
@@ -9,7 +12,7 @@ export class AppService {
     constructor(private readonly httpService: Http) {
     }
 
-    createNewApplication(mastodonUrl: string): Promise<> {
+    createNewApplication(mastodonUrl: string): Promise<any> {
         const url = mastodonUrl + this.apiRoutes.createApp;
 
         const options = new RequestOptions();
@@ -28,10 +31,9 @@ export class AppService {
                 }))
             .toPromise()
 
-
-            .then((res: Response) => {
-                const result = res.json();
-                return result as TokenData;
-            });
+            // .then((res: Response) => {
+            //     const result = res.json(); 
+            //     return result as TokenData;
+            // });
     }
 }