feat(awards): sort awards by experience points in award display
This commit is contained in:
parent
432929cc29
commit
bfb3e1495a
2 changed files with 8 additions and 6 deletions
|
|
@ -402,7 +402,9 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
|
||||||
</div>
|
</div>
|
||||||
{awards.length > 0 ? (
|
{awards.length > 0 ? (
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
|
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
|
||||||
{awards.map((award) => {
|
{awards
|
||||||
|
.sort((a, b) => (b.experiencePoints ?? 0) - (a.experiencePoints ?? 0))
|
||||||
|
.map((award) => {
|
||||||
const awardImage =
|
const awardImage =
|
||||||
award.image && typeof award.image === "object" ? (award.image as Media) : null;
|
award.image && typeof award.image === "object" ? (award.image as Media) : null;
|
||||||
return <AwardCard key={award.id} awardImage={awardImage} award={award} />;
|
return <AwardCard key={award.id} awardImage={awardImage} award={award} />;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue