From 5d616816d4a95c7fe033e218b79d441ab68b04be Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sun, 6 Feb 2022 12:49:24 +0200
Subject: [PATCH] fix: turncate project link, remove "Play" btn

---
 src/pages/ProjectPage/ProjectCard/ProjectCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/ProjectPage/ProjectCard/ProjectCard.tsx b/src/pages/ProjectPage/ProjectCard/ProjectCard.tsx
index b595d39..c93f965 100644
--- a/src/pages/ProjectPage/ProjectCard/ProjectCard.tsx
+++ b/src/pages/ProjectPage/ProjectCard/ProjectCard.tsx
@@ -81,13 +81,13 @@ export default function ProjectCard({ onClose, direction, projectId, ...props }:
                 <button className="w-[48px] h-[48px] bg-white absolute top-1/2 left-32 -translate-y-1/2 rounded-full hover:bg-gray-200 text-center" onClick={onClose}><MdClose className=' inline-block text-body2 lg:text-body1' /></button>
             </div>
             <div className="p-24">
-                <div className="flex gap-24 items-center h-[93px]">
+                <div className="flex gap-24 items-start">
                     <div className="flex-shrink-0 w-[93px] h-[93px] rounded-md overflow-hidden">
                         <img className="w-full h-full object-cover" src={project?.thumbnail_image} alt="" />
                     </div>
                     <div className='flex flex-col items-start justify-between self-stretch'>
                         <h3 className="text-h3 font-regular">{project?.title}</h3>
-                        <a className="text-blue-400 font-regular text-body4" target='_blank' rel="noreferrer" href={project?.website}>{project?.website?.replace(/(^\w+:|^)\/\//, '')}</a>
+                        <a className="text-blue-400 font-regular text-body4 truncate max-w-[20ch]" target='_blank' rel="noreferrer" href={project?.website}>{project?.website?.replace(/(^\w+:|^)\/\//, '')}</a>
                         <div>
                             <span className="chip-small font-light text-body5 py-4 px-12 mr-8"> {project?.category.title}</span>
 
@@ -96,17 +96,17 @@ export default function ProjectCard({ onClose, direction, projectId, ...props }:
                         </div>
                     </div>
                     <div className="flex-shrink-0  hidden md:flex ml-auto gap-16">
-                        <Button color='primary' size='md' className=" my-16">Play <BsJoystick /></Button>
+                        {/* <Button color='primary' size='md' className=" my-16">Play <BsJoystick /></Button> */}
                         {isWalletConnected ?
                             <TipButton onTip={onTip} />
                             :
-                            <Button onClick={onConnectWallet} size='md' className="border border-gray-200 bg-gray-100 hover:bg-gray-50 active:bg-gray-100 my-16">Connect Wallet to Tip</Button>
+                            <Button onClick={onConnectWallet} size='md' className="border border-gray-200 bg-gray-100 hover:bg-gray-50 active:bg-gray-100 my-16"><AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet to Tip</Button>
                         }
                     </div>
                 </div>
                 <p className="mt-40 text-body4 leading-normal">{project?.description}</p>
                 <div className="md:hidden">
-                    <Button color='primary' size='md' fullWidth className="w-full mt-24 mb-16">Play <BsJoystick /></Button>
+                    {/* <Button color='primary' size='md' fullWidth className="w-full mt-24 mb-16">Play <BsJoystick /></Button> */}
                     {isWalletConnected ?
                         <TipButton fullWidth onTip={onTip} />
                         :