From 3f0f9c42aa50e17be483eb04c4eb54419b57c673 Mon Sep 17 00:00:00 2001
From: LoneWolf4713 <flimsy21@protonmail.com>
Date: Thu, 2 Jan 2025 09:04:31 +0530
Subject: [PATCH 1/2] aligned info about stars and stats button uniformly for
 each repository

---
 src/pages/UserProfile.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/UserProfile.jsx b/src/pages/UserProfile.jsx
index c9782f1..8a5cff7 100644
--- a/src/pages/UserProfile.jsx
+++ b/src/pages/UserProfile.jsx
@@ -159,7 +159,7 @@ export default function UserProfile({ username }) {
   }
   return (
     <div className='min-h-screen bg-gray-900 text-white p-8 md:p-16 relative'>
-      <div className='absolute inset-0 bg-gradient-to-tr from-indigo-600 via-purple-600 to-indigo-600 opacity-30 -z-10'></div>
+      <div className='absolute inset-0 bg-gradient-to-tr from-indigo-600 via-purple-600 to-indigo-600 opacity-30 -z-10'></div> 
       {userData && (
         <div className='max-w-6xl mx-auto bg-gray-800 bg-opacity-80 rounded-xl p-8 shadow-lg'>
           <div className='flex flex-col md:flex-row items-center md:items-start gap-8'>
@@ -214,13 +214,13 @@ export default function UserProfile({ username }) {
 
             <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-6'>
               {currentRepos.map((repo) => (
-                <div key={repo.id} className='bg-gray-700 p-6 rounded-lg overflow-hidden shadow-lg'>
+                <div key={repo.id} className='bg-gray-700 p-6 rounded-lg overflow-hidden shadow-lg flex flex-col justify-between'>
                   <h4 className='text-xl font-semibold text-blue-400 hover:underline'>
                     <a href={repo.html_url} target='_blank' rel='noopener noreferrer'>
                       {repo.name}
                     </a>
                   </h4>
-                  <p className='text-gray-300 mt-2'>
+                  <p className='text-gray-300 mt-2 grow'>
                     {repo.description || 'No description available.'}
                   </p>
                   <div className='flex bg-stone-500/10 p-1.5 rounded-md justify-between mt-4 text-gray-400 text-sm'>
@@ -229,7 +229,7 @@ export default function UserProfile({ username }) {
                   </div>
                   <button
                     onClick={() => downloadRepoStats(repo)}
-                    className='mt-4 px-4 py-2 bg-green-600 text-white rounded-md flex items-center gap-2'
+                    className='mt-4 px-4 py-2 bg-green-600 text-white rounded-md flex items-center gap-2 justify-center'
                   >
                     <FaDownload />
                     Stats

From 4efe95e16391ffc14e7e0be0c790298a321b2408 Mon Sep 17 00:00:00 2001
From: LoneWolf4713 <flimsy21@protonmail.com>
Date: Thu, 2 Jan 2025 17:47:05 +0530
Subject: [PATCH 2/2] Added Go To Homepage Link

---
 src/pages/UserProfile.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/UserProfile.jsx b/src/pages/UserProfile.jsx
index 8a5cff7..bb180c5 100644
--- a/src/pages/UserProfile.jsx
+++ b/src/pages/UserProfile.jsx
@@ -3,7 +3,8 @@ import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import NotFound from '@/pages/NotFound'
 import Image from 'next/image'
-import { FaMapPin, FaClock, FaGithub, FaLink, FaDownload } from 'react-icons/fa'
+import { FaMapPin, FaClock, FaGithub, FaLink, FaDownload, FaBackward } from 'react-icons/fa'
+import { IoArrowBackCircle } from "react-icons/io5";
 import React from 'react'
 
 export default function UserProfile({ username }) {
@@ -159,9 +160,10 @@ export default function UserProfile({ username }) {
   }
   return (
     <div className='min-h-screen bg-gray-900 text-white p-8 md:p-16 relative'>
-      <div className='absolute inset-0 bg-gradient-to-tr from-indigo-600 via-purple-600 to-indigo-600 opacity-30 -z-10'></div> 
+      <div className='absolute inset-0 bg-gradient-to-tr from-indigo-600 via-purple-600 to-indigo-600 opacity-30 -z-10'></div>
       {userData && (
         <div className='max-w-6xl mx-auto bg-gray-800 bg-opacity-80 rounded-xl p-8 shadow-lg'>
+        <a href="/" className='text-lg flex gap-2 text-gray-400 items-center m-4 font-semibold hover:underline'><FaBackward /> Try Another Profile </a>
           <div className='flex flex-col md:flex-row items-center md:items-start gap-8'>
             <div className='flex-shrink-0'>
               <Image
@@ -214,7 +216,7 @@ export default function UserProfile({ username }) {
 
             <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-6'>
               {currentRepos.map((repo) => (
-                <div key={repo.id} className='bg-gray-700 p-6 rounded-lg overflow-hidden shadow-lg flex flex-col justify-between'>
+                <div key={repo.id} className='bg-gray-700 p-6 rounded-lg overflow-hidden shadow-lg flex flex-col justify-between'>  
                   <h4 className='text-xl font-semibold text-blue-400 hover:underline'>
                     <a href={repo.html_url} target='_blank' rel='noopener noreferrer'>
                       {repo.name}
@@ -229,8 +231,7 @@ export default function UserProfile({ username }) {
                   </div>
                   <button
                     onClick={() => downloadRepoStats(repo)}
-                    className='mt-4 px-4 py-2 bg-green-600 text-white rounded-md flex items-center gap-2 justify-center'
-                  >
+                    className='mt-4 px-4 py-2 bg-green-600 text-white rounded-md flex items-center gap-2 justify-center'>
                     <FaDownload />
                     Stats
                   </button>