From 11e62230d97e07acabe8fe396decfd04ca4eb066 Mon Sep 17 00:00:00 2001
From: Bangara Raju Kottedi <bangararaju.kottedi@gmail.com>
Date: Thu, 2 May 2024 17:06:09 +0530
Subject: [PATCH] code refactoring

---
 src/app/blog/blog.component.html                       | 2 +-
 src/app/contact-sidebar/contact-sidebar.component.html | 6 +++---
 src/app/models/post.model.ts                           | 2 +-
 src/app/models/project.model.ts                        | 2 +-
 src/app/projects/projects.component.html               | 4 ++--
 src/app/projects/projects.component.ts                 | 9 +++------
 6 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/app/blog/blog.component.html b/src/app/blog/blog.component.html
index 3f0e17f..a542298 100644
--- a/src/app/blog/blog.component.html
+++ b/src/app/blog/blog.component.html
@@ -18,7 +18,7 @@
             <div class="blog-content">
 
               <div class="blog-meta">
-                <p class="blog-category">{{post.category}}</p>
+                <p class="blog-category">{{post.categories}}</p>
 
                 <span class="dot"></span>
 
diff --git a/src/app/contact-sidebar/contact-sidebar.component.html b/src/app/contact-sidebar/contact-sidebar.component.html
index f2ca587..7d1b1c2 100644
--- a/src/app/contact-sidebar/contact-sidebar.component.html
+++ b/src/app/contact-sidebar/contact-sidebar.component.html
@@ -88,19 +88,19 @@
 
       <ul class="social-list">
 
-        <li class="social-item">
+        <li class="social-item" *ngIf="model.socialLinks?.linkedin">
             <a href="{{model.socialLinks?.linkedin}}" target="_blank" class="social-link">
               <i class="fa-brands fa-linkedin"></i>
             </a>
           </li>
 
-          <li class="social-item">
+          <li class="social-item" *ngIf="model.socialLinks?.gitHub">
             <a href="{{model.socialLinks?.gitHub}}" target="_blank" class="social-link">
               <i class="fa-brands fa-github"></i>
             </a>
           </li>
 
-        <li class="social-item">
+        <li class="social-item" *ngIf="model.socialLinks?.blogUrl">
           <a href="{{model.socialLinks?.blogUrl}}" target="_blank" class="social-link">
             <i class="fa-duotone fa-blog"></i>
           </a>
diff --git a/src/app/models/post.model.ts b/src/app/models/post.model.ts
index 54bf6ac..a90587d 100644
--- a/src/app/models/post.model.ts
+++ b/src/app/models/post.model.ts
@@ -3,7 +3,7 @@ export interface IPost{
     slug: string;
     title: string;
     description: string;
-    category: string;
+    categories: string;
     postUrl: string;
     likes: number;
     views: number;
diff --git a/src/app/models/project.model.ts b/src/app/models/project.model.ts
index a56fa1c..c24d47f 100644
--- a/src/app/models/project.model.ts
+++ b/src/app/models/project.model.ts
@@ -2,7 +2,7 @@ export interface IProject{
     projectId: number;
     name: string;
     description: string;
-    category: string;
+    categories: string[];
     roles: string[];
     responsibilities: string[];
     technologiesUsed: string[];
diff --git a/src/app/projects/projects.component.html b/src/app/projects/projects.component.html
index 27ebae4..0e5a1cc 100644
--- a/src/app/projects/projects.component.html
+++ b/src/app/projects/projects.component.html
@@ -53,12 +53,12 @@
                 <ion-icon name="eye-outline"></ion-icon>
               </div> -->
 
-              <img src="{{imagesOrigin + project.imagePath}}" [alt]="project.category" loading="lazy">
+              <img src="{{imagesOrigin + project.imagePath}}" [alt]="project.categories" loading="lazy">
             </figure>
 
             <h3 class="project-title">{{project.name}}</h3>
 
-            <p class="project-category">{{project.category}}</p>
+            <p class="project-category">{{project.categories}}</p>
 
           </a>
         </li>
diff --git a/src/app/projects/projects.component.ts b/src/app/projects/projects.component.ts
index 27e5f65..9399765 100644
--- a/src/app/projects/projects.component.ts
+++ b/src/app/projects/projects.component.ts
@@ -37,11 +37,8 @@ categoryClicked: boolean = false;
     this.projects = this.filter === 'All'
       ? this.model.projects
       : this.model.projects.filter(
-        (project: IProject) => project.category === this.filter
-      );
-  }
-
-  isCategoryActive(category: string){
-    return this.filter === category; 
+        (project: IProject) => {
+          return project.categories.includes(category)
+        });
   }
 }