Merge pull request #202 from ctfguide-tech/feat/HeroChanges

Feat/hero changes

Author: Laphatize

src/components/home/Hero.jsx

@@ -26,7 +26,7 @@ export function Hero() {
         { userName: 'laphatize', challengeName: 'Excel-lently Hidden', profilePic: 'https://imagedelivery.net/1Dym4oPRvM_5USnDWCdSCw/7523c0cb-2330-443c-94f1-030cd8bde300/public' },
         { userName: 'herronjo', challengeName: 'Trading Bananas' , profilePic: 'https://imagedelivery.net/1Dym4oPRvM_5USnDWCdSCw/1bd03d05-1057-48fc-3d3f-b3ed512cb500/public' },
         { userName: 'thunderbird', challengeName: 'Sneaky Cat ' , profilePic: 'https://imagedelivery.net/1Dym4oPRvM_5USnDWCdSCw/3b312b5f-c90d-490d-80d0-e52b367d4400/public' },
-        { userName: 'steven', challengeName: 'Pretty Obvious', profilePic: 'https://imagedelivery.net/1Dym4oPRvM_5USnDWCdSCw/3e75c7a3-dfe9-47cc-0d46-736187e62400/public' },
+        { userName: 'stevestef', challengeName: 'Pretty Obvious', profilePic: 'https://imagedelivery.net/1Dym4oPRvM_5USnDWCdSCw/3e75c7a3-dfe9-47cc-0d46-736187e62400/public' },
       ]);
     };
 

src/pages/create.jsx

@@ -437,8 +437,31 @@ export default function Create() {
                                         >
                                           <i className="fas fa-comments mr-1"></i> View Feedback
                                         </button>
+
+                                        <a className='ml-4 text-red-600 hover:text-red-700 cursor-pointer' onClick={() => window.open(`../../challenges/${challenge.id}`, '_blank')}>
+                                          <i className="fas fa-external-link-alt mr-2"></i>
+                                          Go to Challenge Page
+                                        </a>
                                       </>
                                     )}
+                                    {challenge.state === 'STANDARD_UNVERIFIED' &&(
+                                       <>
+                                       <a href={`/create/edit?id=${challenge.id}`} className="text-blue-600 hover:text-blue-500">
+                                         <i className="fas fa-pencil-alt mr-1"></i> Edit<span className="sr-only">, {challenge.title}</span>
+                                       </a>
+
+                                       <a className='ml-4 text-red-600 hover:text-red-700 cursor-pointer' onClick={() => window.open(`../../challenges/${challenge.id}`, '_blank')}>
+                                         <i className="fas fa-external-link-alt mr-2"></i>
+                                         Go to Challenge Page
+                                       </a>
+                                     </>
+                                    )}
+                                    {challenge.state === 'STANDARD_VERIFIED' &&(
+                                      <a className='ml-4 text-red-600 hover:text-red-700 cursor-pointer' onClick={() => window.open(`../../challenges/${challenge.id}`, '_blank')}>
+                                      <i className="fas fa-external-link-alt mr-2"></i>
+                                      Go to Challenge Page
+                                    </a>
+                                    )}
 
                                   </td>
 

src/pages/dashboard.jsx

@@ -257,20 +257,21 @@ export default function Dashboard() {
                 </h1>
                 <ul className='flex flex-col gap-4 [&>*]:line-clamp-2'>
 
-                {activities && activities.length > 0 ?
+           {activities && activities.length > 0 ?
   activities.slice().reverse().map((data) =>
     <div className="text-lg">
       <li>
         <a className='text-blue-500 hover:text-blue-600 cursor-pointer font-bold' href={"../users/" + data.userName}>{data.userName}</a> completed 
         <a className='text-yellow-500 hover:text-yellow-600 cursor-pointer' href={"../challenges/" + data.challengeId}> {data.challengeName}</a>
       </li>
-    </div>
+      </div>
   ) :
   <>
     <Skeleton containerClassName='col-span-2' className='mb-4' baseColor='#262626' highlightColor='#3a3a3a' count={2} />
   </>
 }
 
+                  
 
                 </ul>
               </div>