creations/profilePage
1
2
Fork 4
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add robots txt route, verifiy required env vars func, fix issue with reviewdb badges and emojis

Browse source
This commit is contained in:
creations 2025-05-12 18:13:29 -04:00
parent dbdb59f48b
commit aa24c979ee
Signed by: creations
GPG key ID: 8F553AA4320FC711
5 changed files with 129 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

29
public/css/index.css
View file

@ -884,6 +884,13 @@ ul {
flex-wrap: wrap;
}
.review-header-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.review-username {
font-weight: 600;
color: var(--text-color);
@ -907,6 +914,23 @@ ul {
flex-wrap: wrap;
}
.emoji {
width: 20px;
height: 20px;
vertical-align: middle;
margin: 0 2px;
display: inline-block;
transition: transform 0.3s ease;
}
.emoji:hover {
transform: scale(1.2);
}
.review-content img.emoji {
vertical-align: middle;
}
@media (max-width: 600px) {
.reviews {
max-width: 100%;
@ -965,4 +989,9 @@ ul {
.review-badges {
justify-content: center;
}
.emoji {
width: 16px;
height: 16px;
}
}

36
public/js/index.js
View file

@ -142,7 +142,7 @@ async function populateReviews(userId) {
const data = await res.json();
if (!data.success || !Array.isArray(data.reviews)) {
if (page === 1) reviewSection.classList.add("hidden");
if (currentReviewOffset === 0) reviewSection.classList.add("hidden");
isLoadingReviews = false;
return;
}
@ -152,7 +152,14 @@ async function populateReviews(userId) {
const sender = review.sender;
const username = sender.username;
const avatar = sender.profilePhoto;
const comment = review.comment;
let comment = review.comment;
comment = comment.replace(
/<(a?):\w+:(\d+)>/g,
(_, animated, id) =>
`<img src="https://cdn.discordapp.com/emojis/${id}.${animated ? "gif" : "webp"}" class="emoji" alt="emoji" />`,
);
const timestamp = review.timestamp
? new Date(review.timestamp * 1000).toLocaleString(undefined, {
hour12: false,
@ -172,18 +179,20 @@ async function populateReviews(userId) {
.join("");
return `
<li class="review">
<img class="review-avatar" src="${avatar}" alt="${username}'s avatar"/>
<div class="review-body">
<div class="review-header">
<span class="review-username">${username}</span>
<span class="review-timestamp">${timestamp}</span>
<li class="review">
<img class="review-avatar" src="${avatar}" alt="${username}'s avatar"/>
<div class="review-body">
<div class="review-header">
<div class="review-header-inner">
<span class="review-username">${username}</span>
<span class="review-badges">${badges}</span>
</div>
<span class="review-timestamp">${timestamp}</span>
</div>
<div class="review-content">${comment}</div>
</div>
<div class="review-badges">${badges}</div>
<div class="review-content">${comment}</div>
</div>
</li>
`;
</li>
`;
})
.join("");
@ -193,7 +202,6 @@ async function populateReviews(userId) {
reviewSection.classList.remove("hidden");
hasMoreReviews = data.hasNextPage;
currentReviewPage = page;
isLoadingReviews = false;
} catch (err) {
console.error("Failed to fetch reviews", err);