From 7452f94908e809630c6729060a29b17e3370b84d Mon Sep 17 00:00:00 2001
From: Conrad <conradwcrawford@gmail.com>
Date: Sun, 20 Jun 2021 01:31:13 -0400
Subject: [PATCH] fix: activity assets + added ellipsis text wrapping for long
 statuses

---
 src/renderCard.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderCard.tsx b/src/renderCard.tsx
index ffd3680..a79eed0 100644
--- a/src/renderCard.tsx
+++ b/src/renderCard.tsx
@@ -150,6 +150,9 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
                                         margin-top: 16px;
                                         color: ${theme === 'dark' ? '#aaa' : '#333'};
                                         font-weight: lighter;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
                                     ">
                                         ${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="
@@ -183,7 +186,7 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
                                     width: auto;
                                     height: auto;
                                 ">
-                                ${activity.assets.large_image ? 
+                                ${activity.assets && activity.assets.large_image ? 
                                     `
                                     <img src="data:image/png;base64,${await encodeBase64(`https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity.assets.large_image}.webp`)}" style="
                                         width: 80px; 
@@ -194,13 +197,14 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
                                     `
                                 : `
                                     <img src="data:image/png;base64,${await encodeBase64(`https://lanyard-profile-readme.vercel.app/assets/unknown.png`)}" style="
-                                        width: 80px; 
-                                        height: 80px; 
+                                        width: 70px; 
+                                        height: 70px; 
+                                        margin-top: 4px;
                                         filter: invert(100);
                                     "/>
                                 `}
 
-                                ${activity.assets.small_image ? 
+                                ${activity.assets && activity.assets.small_image ? 
                                     `<img src="data:image/png;base64,${await encodeBase64(`https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity.assets.small_image}.webp`)}" style="
                                         width: 30px;
                                         height: 30px;