From ba91b8cb3adf601a48482f07261d4b940d08d31f Mon Sep 17 00:00:00 2001
From: Conrad <conradwcrawford@gmail.com>
Date: Sun, 20 Jun 2021 16:51:54 -0400
Subject: [PATCH] fix: replace ampersand + (landing page): fix image preview

---
 pages/index.tsx    | 9 +--------
 src/renderCard.tsx | 2 +-
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 5518a51..ba0a912 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -38,14 +38,7 @@ export default function Home() {
 
                     <Example>
                         <p style={{fontSize: "1rem", fontWeight: "bold", marginTop: "1rem"}}>Preview</p>
-                        {
-                            userId.length < 17 
-                            ? 
-                                <p>Please provide a valid user ID!</p> 
-                            :
-                                <img src={`https://lanyard-profile-readme.vercel.app/api/${userId}`} alt="Discord Presence Preview" />
-                        }
-                        
+                        <img src={`https://lanyard-profile-readme.vercel.app/api/${userId}`} alt="[Please provide a valid user ID!]" />
                     </Example>
 
                 </Container>
diff --git a/src/renderCard.tsx b/src/renderCard.tsx
index e9ba6b9..8a564b6 100644
--- a/src/renderCard.tsx
+++ b/src/renderCard.tsx
@@ -295,7 +295,7 @@ const renderCard = async (body: LanyardTypes.Root, params: Parameters): Promise<
                                         white-space: nowrap;
                                         text-overflow: ellipsis;
                                         color: ${theme === 'dark' ? '#ccc' : '#777'}; 
-                                    ">By ${body.data.spotify.artist.replace(/\;/g, ",")}</p>
+                                    ">By ${body.data.spotify.artist.replace(/\;/g, ",").replace(/\&/g, "and")}</p>
                                 </div>
                             </div>
                             `