noham/lanyard-profile-readme
1
0
Fork 0
mirror of https://github.com/NohamR/lanyard-profile-readme.git synced 2026-05-25 04:17:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

animated + static status emoji support

Browse Source
This commit is contained in:
Conrad
2021-06-19 23:29:36 -04:00
parent b3b683c272
commit 212f876f76
1 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/renderCard.tsx
View File

@@ -1,13 +1,13 @@
//probably the messiest code i've ever written but it works so :)
import * as LanyardTypes from './LanyardTypes';
import { useState } from "react";
import { getFlags } from "./getFlags";
import encodeBase64 from './toBase64';
import { encode } from 'querystring';
import { Badges } from '../public/assets/badges/BadgesEncoded'
const imageToBase64 = require('image-to-base64');
type Parameters = {
theme?: string;
bg?: string;
animated?: string;
}
@@ -16,8 +16,13 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
let avatarBorderColor: string = "#747F8D";
let userStatus: string = "";
let avatarExtension: string = "webp";
let statusExtension: string = "webp";
let activity: any = false;
if(body.data.activities[0]){
if(body.data.activities[0].emoji && body.data.activities[0].emoji.animated === true) statusExtension = "gif";
}
if(body.data.activities.length > 0) {
if(body.data.activities[Object.keys(body.data.activities).length - 1].type === 0) activity = body.data.activities[Object.keys(body.data.activities).length - 1];
}
@@ -130,17 +135,27 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
}
</div>
<h1 style="
font-size: 0.9rem;
margin-top: 15px;
color: #888;
font-weight: lighter;
display: ${userStatus.length > 0 ? "inherit" : "none"}
">
${userStatus}
</h1>
${userStatus.length > 0 ? `
<h1 style="
font-size: 0.9rem;
margin-top: 16px;
color: #888;
font-weight: lighter;
">
${body.data.activities[0].emoji ?
`<img src="data:image/png;base64,${await encodeBase64(`https://cdn.discordapp.com/emojis/${body.data.activities[0].emoji.id}.${statusExtension}`)}" style="
width: 15px;
height: 15px;
position: relative;
top: 10px;
transform: translate(0%, -50%);
margin: 0 2px 0 0;
" />`
: ``}
${userStatus}
</h1>`
: ``}
</div>
</div>