From 5edcf4c562defda6edac2d0e856048f463199b6e Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Wed, 1 Nov 2023 14:27:58 +0530
Subject: [PATCH] (refactor): using fetch_all_reacords() function + (feature):
 implemented dynamic currently working on section

---
 htdocs/assets/_footer.php       |  2 +-
 htdocs/assets/style.css         |  8 ++++++++
 htdocs/core/query_functions.php | 14 +++++++-------
 htdocs/projects.php             | 23 ++++++++++++++++-------
 4 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/htdocs/assets/_footer.php b/htdocs/assets/_footer.php
index ce20b63..ccbf602 100644
--- a/htdocs/assets/_footer.php
+++ b/htdocs/assets/_footer.php
@@ -17,7 +17,7 @@
             <h6 class="font-bold mb-8">Featured</h6>
             <?php
 
-            $featured_projects_footer = fetch_featured_projects($conn);
+            $featured_projects_footer = fetch_all_records($conn, "featured_projects");
 
             if($featured_projects_footer -> num_rows > 0) {
                 while($featured_footer_item = $featured_projects_footer -> fetch_assoc()) {
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index dd89f9c..b1edf72 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -809,10 +809,18 @@ video {
   margin-top: 2.2rem;
 }
 
+.mb-24 {
+  margin-bottom: 6rem;
+}
+
 .flex {
   display: flex;
 }
 
+.table {
+  display: table;
+}
+
 .hidden {
   display: none;
 }
diff --git a/htdocs/core/query_functions.php b/htdocs/core/query_functions.php
index d9cc34e..b42fed3 100644
--- a/htdocs/core/query_functions.php
+++ b/htdocs/core/query_functions.php
@@ -1,4 +1,11 @@
 <?php
+//function to fetch all records of the given table
+function fetch_all_records($conn, $table_name) {
+    $sql = "SELECT * FROM $table_name";
+    $result = $conn -> query($sql);
+    return $result;
+}
+
 //function to create an array of all unique project years
 function create_project_years_array($conn) {
     $sql = "SELECT DISTINCT year FROM projects ORDER BY year DESC";
@@ -20,11 +27,4 @@ function fetch_projects_by_year($conn, $year) {
     $result = $conn -> query($sql);
     return $result;
 }
-
-//function to fetch all featured projects
-function fetch_featured_projects($conn) {
-    $sql = "SELECT * FROM featured_projects";
-    $result = $conn -> query($sql);
-    return $result;
-}
 ?>
\ No newline at end of file
diff --git a/htdocs/projects.php b/htdocs/projects.php
index 629e9e9..490914e 100644
--- a/htdocs/projects.php
+++ b/htdocs/projects.php
@@ -123,7 +123,7 @@ $years = create_project_years_array($conn);
                 <div class="w-full flex flex-col justify-center items-center mb-12">
                     <?php
 
-                    $featured_projects = fetch_featured_projects($conn);
+                    $featured_projects = fetch_all_records($conn,"featured_projects");
 
                     if($featured_projects -> num_rows > 0){
                         //show top 2 featured projects for sidebar
@@ -152,12 +152,21 @@ $years = create_project_years_array($conn);
                     ?>
                 </div>
                 <h5 class="text-xl font-bold mb-5">Currently Working On</h5>
-                <div class="w-full flex flex-col justify-center flex-wrap mb-12">
-                    <div class="w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full"><i class="fa-brands fa-react text-base mr-1 text-[#38BDF8]"></i> React Web Development</div>
-                    <div class="w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full"><i class="fa-brands fa-android text-base mr-1 text-[#3FF989]"></i> Android OS & Apps</div>
-                    <div class="w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full"><i class="fa-brands fa-python text-base mr-1 text-[#CD6CFB]"></i> Automation & Python</div>
-                    <div class="w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full"><i class="fa-brands fa-js text-base mr-1 text-[#DCDF3F]"></i> Javascript Library</div>
-                    <div class="w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full"><i class="fa-solid fa-robot text-base mr-1 text-[#EC4B4B]"></i> AI & ML</div>
+                <div class="w-full flex flex-col justify-center flex-wrap mb-24">
+                    <?php
+
+                    $working_on = fetch_all_records($conn, "working_on");
+
+                    if($working_on -> num_rows > 0) {
+                        //show all currently working on topics
+                        while($working_on_topic = $working_on -> fetch_assoc()) {
+                            echo"
+                            <div class='w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full'><i class='".$working_on_topic['icon']."'></i> ".$working_on_topic['title']."</div>
+                            ";
+                        }
+                    }
+
+                    ?>
                 </div>
             </div>
         </div>