refactor

Author: Jan-Stepien

angular.json

@@ -20,7 +20,7 @@
             "tsConfig": "tsconfig.app.json",
             "aot": true,
             "assets": [
-              "src/favicon.ico",
+              "src/favicon-new.ico",
               "src/assets"
             ],
             "styles": [
@@ -85,7 +85,7 @@
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
             "assets": [
-              "src/favicon.ico",
+              "src/favicon-new.ico",
               "src/assets"
             ],
             "styles": [
@@ -127,4 +127,4 @@
     }
   },
   "defaultProject": "personalApplication"
-}
+}

src/app/components/footer/footer.component.html

@@ -4,7 +4,7 @@
   <a href="https://www.linkedin.com/in/jan-stępień-developer" class="p-1" target="_blank" rel="noopener" style="font-size:36px;color:white">
       <fa-icon [icon]="faLinkedin"></fa-icon>
    </a>
-   <a href="https://https://www.facebook.com/jan.stepien.7"  class="p-1"  target="_blank" rel="noopener" style="font-size:36px;color:white">
+   <a href="https://www.facebook.com/jan.stepien.7"  class="p-1"  target="_blank" rel="noopener" style="font-size:36px;color:white">
     <fa-icon [icon]="faFacebook"></fa-icon>
     </a>
   </div>

src/app/containers/angular-main-page/angular-main-page.component.html

@@ -11,7 +11,7 @@ <h5 class="d-flex flex-wrap">
   <h5>So what you want to see first?</h5>
   <div class="d-flex flex-row flex-wrap m-1 justify-content-center">
     <app-tile *ngFor="let tile of tiles; let i = index" class="d-flex m-1" [routerLink]="tile.redirectTo"
-    [id]="i" [text]="tile.label" [style]="i % 2 === 0 ? tileStyles.blackTile : tileStyles.whiteTile" ></app-tile>
+    [id]="i" [text]="tile.label" [style]="setTileStyle(i)" ></app-tile>
   </div>
 </div>
 <footer id="homePageFooter" class="black-themed d-flex justify-content-left flex-column p-4">

src/app/containers/angular-main-page/angular-main-page.component.ts

@@ -18,18 +18,19 @@ export class AngularMainPageComponent implements OnInit {
       label:'NgRx implementation',
       redirectTo: 'ngRx'
     },
-    {
-      label:'Boostrap used',
-      redirectTo: 'home'
-    },
-    {
-      label:'Responsive design',
-      redirectTo: 'home'
-    },
-    {
-      label:'GitHub',
-      redirectTo: 'home'
-    }
+    // TODO:
+    // {
+    //   label:'Boostrap used',
+    //   redirectTo: 'home'
+    // },
+    // {
+    //   label:'Responsive design',
+    //   redirectTo: 'home'
+    // },
+    // {
+    //   label:'GitHub',
+    //   redirectTo: 'home'
+    // }
 ];
   constructor(private router: Router) { }
 
@@ -39,5 +40,7 @@ export class AngularMainPageComponent implements OnInit {
   tileClicked(index: number){
     this.router.navigate([this.tiles[index].redirectTo]);
   }
-
+  setTileStyle(index: number){
+    return index % 2 === 0 ? tileStyles.blackTile : tileStyles.whiteTile
+  }
 }

src/app/containers/home-page/home-page.component.ts

@@ -20,10 +20,11 @@ export class HomePageComponent implements OnInit {
       label: "Angular",
       redirectTo: 'angular'
     },
-    {
-      label: "Flutter",
-      redirectTo: 'flutter'
-    }
+    // TODO:
+    // {
+    //   label: "Flutter",
+    //   redirectTo: 'flutter'
+    // }
   ];
 
   constructor(private router: Router) {