seth/ipv4.army
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: clean up getImageUrl function and improve activity display

Browse source
This commit is contained in:
Seth 2025-06-18 20:25:39 -04:00
parent 2319984d1d
commit a38ee2835d
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/front/components/Lanyard/index.tsx
View file

@ -18,7 +18,8 @@ const activityTypes: Record<number, string> = {
const getImageUrl = (activity: LanyardActivity, size: "large" | "small") => { const getImageUrl = (activity: LanyardActivity, size: "large" | "small") => {
const width = size === "large" ? 120 : 40; const width = size === "large" ? 120 : 40;
if (!activity.assets || !activity.assets.large_image) { if (!activity.assets || !activity.assets.large_image) {
if (size === "large") return `https://dcdn.dstn.to/app-icons/${activity.application_id}?size=128`; if (size === "large")
return `https://dcdn.dstn.to/app-icons/${activity.application_id}?size=128`;
} }
if (!activity.assets) return null; if (!activity.assets) return null;
@ -28,7 +29,7 @@ const getImageUrl = (activity: LanyardActivity, size: "large" | "small") => {
if (!image) return null; if (!image) return null;
if (image.startsWith("mp:external")) { if (image.startsWith("mp:external")) {
return `https://wsrv.nl/?w=${width}&url=https://media.discordapp.net/${image.slice(3)}` return `https://media.discordapp.net/${image.slice(3)}?size=${width}`;
} }
if (image.startsWith("mp:app-assets")) { if (image.startsWith("mp:app-assets")) {
@ -74,7 +75,10 @@ export default () => {
<mdui-card variant="filled" class={style.card}> <mdui-card variant="filled" class={style.card}>
{" "} {" "}
<div class={style.activityCard}> <div class={style.activityCard}>
<div class={style.status}>{activityTypes[activity.type]}{!largeImage && ` ${activity.name}`}</div> <div class={style.status}>
{activityTypes[activity.type]}
{!largeImage && ` ${activity.name}`}
</div>
<div class={style.content}> <div class={style.content}>
{largeImage && ( {largeImage && (
<div class={style.bigImage}> <div class={style.bigImage}>