saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 18:31:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix profile pic stretching vertically, add spinner for loading contributions

Browse Source
This commit is contained in:
austinkelsay 2025-02-08 15:15:52 -06:00
parent d81f249757
commit 983b570316
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/charts/CombinedContributionChart.js
View File

@ -250,7 +250,12 @@ const CombinedContributionChart = ({ session }) => {
</div> </div>
<div className={`${getScaleClass(windowWidth)}`}> <div className={`${getScaleClass(windowWidth)}`}>
<div className="min-w-[910px] p-4"> <div className="min-w-[910px] p-4">
{(isLoading || isFetching) && <h4 className="text-base font-semibold text-gray-200 mb-3">Loading contribution data... ({totalContributions} total contributions / activities fetched)</h4>} {(isLoading || isFetching) && (
<h4 className="text-base font-semibold text-gray-200 mb-3 flex items-center gap-2">
Loading contribution data... ({totalContributions} total contributions / activities fetched)
<i className="pi pi-spinner animate-spin" />
</h4>
)}
{!isLoading && !isFetching && {!isLoading && !isFetching &&
<div className="flex justify-between items-center mb-3"> <div className="flex justify-between items-center mb-3">
<h4 className="text-base font-semibold text-gray-200"> <h4 className="text-base font-semibold text-gray-200">

4
src/components/profile/UserProfileCard.js
View File

@ -67,7 +67,7 @@ const UserProfileCard = ({ user }) => {
src={returnImageProxy(user.avatar, user?.pubkey || "")} src={returnImageProxy(user.avatar, user?.pubkey || "")}
width={100} width={100}
height={100} height={100}
className="rounded-full m-2 mt-0" className="rounded-full m-2 mt-0 object-cover"
/> />
<h3 className="text-center"> <h3 className="text-center">
{user.username || user?.name || user?.email || "Anon"} {user.username || user?.name || user?.email || "Anon"}
@ -153,7 +153,7 @@ const UserProfileCard = ({ user }) => {
src={returnImageProxy(user.avatar, user?.pubkey || "")} src={returnImageProxy(user.avatar, user?.pubkey || "")}
width={100} width={100}
height={100} height={100}
className="rounded-full my-4" className="rounded-full my-4 object-cover max-w-[100px] max-h-[100px]"
/> />
<div className="flex flex-col gap-2 pt-4 w-fit relative"> <div className="flex flex-col gap-2 pt-4 w-fit relative">
<div className="absolute top-[-1px] right-[-18px]"> <div className="absolute top-[-1px] right-[-18px]">