minor change

bounswe · Dec 25, 2023 · 4c3b80d · 4c3b80d
1 parent 5d45ef5
commit 4c3b80d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/app/frontend/src/pages/HomePage/Group.js b/app/frontend/src/pages/HomePage/Group.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import {Link} from "react-router-dom";
 
 const Group = ({ item }) => {
 	return (
@@ -13,8 +14,10 @@ const Group = ({ item }) => {
 					<span>
 						Players: {item.totalMembers}/{item.memberCapacity}
 					</span>
-					<button className='btn bg-[#b46161] border-[#b46161] text-neutral-100 hover:bg-[#8c4646] hover:border-[#8c4646] btn-sm'>
-						Join
+					<button className="btn bg-[#b46161] border-[#b46161] text-neutral-100 hover:bg-[#8c4646] hover:border-[#8c4646] btn-sm">
+						<Link to={`/lfg/${item.lfgId}`}>
+							See Lfg
+						</Link>
 					</button>
 				</div>
 			</div>

diff --git a/app/frontend/src/pages/LfgPage/LfgCard.js b/app/frontend/src/pages/LfgPage/LfgCard.js
@@ -150,14 +150,16 @@ const LfgCard = ({ group, currentUser }) =>  {
                     </a>
                 </h3>
                 <p className='text-neutral-700 mb-4'>{group.description}</p>
-                <div className='border-b-2 border-t-2 border-neutral-400 pb-2 mt-4 opacity-75 mb-4 md:grid md:grid-cols-2 md:gap-4'>
+                <div className='border-b-2 border-t-2 border-neutral-400 pb-3 mt-4 opacity-75 mb-4 md:grid md:grid-cols-3 md:gap-4'>
+                    <div>
+                        <p className='font-bold'>Platform: {group.requiredPlatform}</p>
+                    </div>
                     <div>
-                        <p className='font-bold'>Game: {group.relatedGame}</p>
                         <p className='font-bold'>Language: {group.requiredLanguage}</p>
                     </div>
                     <div>
-                        <p className='font-bold'>Platform: {group.requiredPlatform}</p>
                         <p className='font-bold'>Mic/Cam: {group.micCamRequirement ? "yes" : "no"}</p>
+                        {false && <p className='font-bold'>Game: {group.relatedGame}</p>}
                     </div>
                 </div>
                 <div className='flex justify-between items-center'>