Merge pull request #1300 from Ayushmaanagarwal1211/Bugs

Enhanced The tags in the forum post page
mdazfar2 · Aug 2, 2024 · 075eb88 · 075eb88
2 parents 40346ad + dcd1713
commit 075eb88
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/website3.0/components/forumpage/ForumPost.js b/website3.0/components/forumpage/ForumPost.js
@@ -407,7 +407,7 @@ function ForumPost({theme,id,finalUser,setMsg,setIsPopup}) {
         </div>
         </label>
       )}
-    <div className="mt-[30px] flex gap-3">{issue.tags?.map((data)=><span>#{data}</span>)}</div>
+    <div className="mt-[30px] flex gap-3">{issue.tags?.map((data)=><span  className="bg-gray-200 px-4 py-1 text-gray-700 cursor-pointer hover:bg-[#deecf5] hover:text-[#6089a4] transition-all duration-200">{data}</span>)}</div>
 
               <div className={`${theme?"":"text-gray-300"} max-md:pl-[64px] text-base mt-5  text-justify`} dangerouslySetInnerHTML={{__html:issue?.content}}/>
 

diff --git a/website3.0/pages/ForumPage.js b/website3.0/pages/ForumPage.js
@@ -577,7 +577,7 @@ useEffect(()=>{
                             <div  className="text-gray-500 flex gap-2 text-sm mt-2">
                               {
                                 issue.tags.slice(0,tags.length>4?4:tags.length).map((data)=>{
-                                  return <span>#{data}</span>
+                                  return <span>{data}</span>
                                 })
                               }
                             </div>
@@ -589,7 +589,10 @@ useEffect(()=>{
 
                         <div className="flex max-md:pl-[50px] max-sm:gap-[1rem] max-sm:items-center items-center gap-6 max-sm:mt-2 text-gray-500 flex-wrap">
                           <div className="flex items-center gap-1 hover:gap-2  transition-all duration-500 mt-2 max-sm:mt-0">
-                          {issue?.relatedUser.map((user, idx) => {
+                        {
+                          issue?.relatedUser.length>4&&<span>+ {issue?.relatedUser.length-4}</span>
+                        } 
+                         {issue?.relatedUser.slice(0,issue?.relatedUser.length>4?4:issue?.relatedUser.length).map((user, idx) => {
                         return  <img
                               key={idx} 
                               onClick={()=>router.push(`/profile?id=${user.authorId}`)}