updated

rNLKJA · Jan 17, 2024 · 18c5972 · 18c5972
1 parent 828a404
commit 18c5972
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 14 deletions.
diff --git a/components/pages/blog/blogList.jsx b/components/pages/blog/blogList.jsx
@@ -16,6 +16,8 @@ import { useQuery } from "@tanstack/react-query";
 import { ClearButton } from "../../ui/ClearButton";
 import { SearchInput } from "../../ui/SearchInput";
 
+import { CiShoppingTag } from "react-icons/ci";
+
 async function fetchBlogList() {
   const response = await fetch("/data/blog_list.json");
   if (!response.ok) {
@@ -110,10 +112,10 @@ export default function BlogList() {
                     <div className="flex flex-wrap gap-2 pb-2">
                       {blog.tags.map((tag) => (
                         <p
-                          className="px-2 rounded-full"
-                          style={{ backgroundColor: "#f9d9a9" }}
+                          className="flex flex-row items-center gap-2 px-2 rounded-full  hover:bg-orange-100"
                           key={Date.now() + Math.random()}
                         >
+                          <CiShoppingTag />
                           {tag}
                         </p>
                       ))}

diff --git a/components/pages/project/ProjectBrowsing.jsx b/components/pages/project/ProjectBrowsing.jsx
@@ -92,13 +92,13 @@ function ProjectSearchBar(searchQuery, handleSearchChange, clearSearch) {
     <Fade duration={1500} triggerOnce direction="right">
       <div className="flex flex-col justify-center md:flex-row  md:justify-between items-center gap-2">
         <SearchInput
-          className="flex w-full"
+          className="flex "
           type="text"
           placeholder="Search projects..."
           value={searchQuery}
           onChange={handleSearchChange}
         />
-        <ClearButton className="flex w-full" onClick={clearSearch}>
+        <ClearButton className="flex " onClick={clearSearch}>
           Clear
         </ClearButton>
       </div>

diff --git a/components/pages/project/ProjectContentCurator.jsx b/components/pages/project/ProjectContentCurator.jsx
@@ -1,23 +1,15 @@
 import React from "react";
-// import Image from "next/image";
 import Button from "@mui/material/Button";
 import { SiGithub, SiOverleaf } from "react-icons/si";
 import { Fade } from "react-awesome-reveal";
+import { CiShoppingTag } from "react-icons/ci";
 
 export const ProjectContent = (project) => {
   return (
     <Fade triggerOnce duration={1500} direction="up">
       <div className="py-10">
         <div className="flex justify-between">
           <div className="flex flex-wrap gap-4 items-center">
-            {/* <Image
-              src={project.icon}
-              width={35}
-              height={35}
-              alt="Project Icons"
-              quality={50}
-              layout="fixed"
-            /> */}
             <h2 className="text-lg font-bold">{project.title}</h2>
           </div>
         </div>
@@ -38,8 +30,9 @@ export const ProjectContent = (project) => {
               onMouseOut={(e) => {
                 e.target.style.fontWeight = "normal";
               }}
-              className="flex rounded-full px-2"
+              className="flex flex-row items-center gap-2 rounded-full px-2 hover:bg-gray-200 text-gray-700"
             >
+              <CiShoppingTag />
               {skill}
             </div>
           ))}