From 167c3a60230b63be4406766858807a143156d596 Mon Sep 17 00:00:00 2001
From: kj1352 <nikhilkj24@gmail.com>
Date: Sat, 17 Apr 2021 22:33:07 +0530
Subject: [PATCH] Bookmarks made available only for news

---
 src/app/bookmarks/bookmarks.page.ts |  2 +-
 src/app/home/home.page.html         | 16 ++++++++--------
 src/app/home/home.page.scss         |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/bookmarks/bookmarks.page.ts b/src/app/bookmarks/bookmarks.page.ts
index 4ab4800..444b0c5 100644
--- a/src/app/bookmarks/bookmarks.page.ts
+++ b/src/app/bookmarks/bookmarks.page.ts
@@ -47,7 +47,7 @@ export class BookmarksPage implements OnInit {
     }
 
     showNewsDetails(alias_title: string, type: string) {
-        this.router.navigate(['/home-details', { alias_title: alias_title, type: type }]);
+        this.router.navigate(['/home-details', { alias_title: alias_title, type: 'news' }]);
     }
 
     ngOnInit() {
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index ea0f4f6..144936c 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -41,12 +41,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <button class="bookmark-button" (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
                         </button>
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>
@@ -85,12 +85,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <!-- class="bookmark-button" <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
-                        </button>
+                        </button> -->
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>
@@ -126,12 +126,12 @@
                             <ion-icon name="share-social-outline"></ion-icon>
                         </button>
 
-                        <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
+                        <!-- class="bookmark-button" <button (click)="toggleBookmark(news.title_alias)" [ngClass]="{'marked' : isPostBookmarked(news.title_alias)}">
                             <ion-icon name="bookmark-outline"></ion-icon>
                             <ion-icon name="bookmark"></ion-icon>
-                        </button>
+                        </button> -->
 
-                        <button (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
+                        <button class="like-button" (click)="toggleLike(news.title_alias)" [ngClass]="{'liked' : isArticleLiked(news.title_alias)}">
                             <ion-icon name="heart-outline"></ion-icon>
                             <ion-icon name="heart"></ion-icon>
                         </button>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 5458dda..f299258 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -185,7 +185,7 @@ ion-slides {
                     font-size: 1.2rem;
                 }
 
-                &:nth-child(2) {
+                &.bookmark-button {
                     background-color: transparent;
                     border: 1px solid $blue-grey;
 
@@ -212,7 +212,7 @@ ion-slides {
                     }
                 }
 
-                &:nth-child(3) {
+                &.like-button {
                     background-color: transparent;
                     border: 1px solid $blue-grey;