diff --git a/src/app/components/Session.tsx b/src/app/components/Session.tsx
index bcad434..ef96b26 100644
--- a/src/app/components/Session.tsx
+++ b/src/app/components/Session.tsx
@@ -6,6 +6,7 @@ interface SessionData
{
profileIcon: string;
rankedIcon?: string;
+ rankedVideo?: string;
kills: string;
deaths: string;
assists: string;
@@ -45,18 +46,24 @@ export default function Session ( { name, tag }: { name: string; tag: string } )
+ { ( data.rankedIcon && data.rankedVideo ) && (
+ <>
+
+

+ >
+ ) }

- { data.rankedIcon && (
-

- ) }
diff --git a/src/app/globals.css b/src/app/globals.css
index 0c1f945..3ef8188 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -75,6 +75,10 @@ body {
transform: scale(0.75);
}
+.scaler-70 {
+ transform: scale(0.7);
+}
+
.scaler-50 {
transform: scale(0.5);
}
diff --git a/src/app/lib/utils.ts b/src/app/lib/utils.ts
index ee62736..2c911b8 100644
--- a/src/app/lib/utils.ts
+++ b/src/app/lib/utils.ts
@@ -42,6 +42,11 @@ export function getRankedIcon ( rankedTier: string )
return `https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/ranked-emblem/wings/wings_${ rankedTier.toLowerCase() }.png`;
}
+export function getRankedVideo ( rankedTier: string )
+{
+ return `https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/videos/ranked/emblem-wings-magic-${ rankedTier.toLowerCase() }.webm`;
+}
+
export function getCountryFlag ( countryCode: string )
{
return `https://flagcdn.com/160x120/${ countryCode.toLowerCase() }.png`;
@@ -251,6 +256,7 @@ export async function getSessionData ( name: string, tag: string )
return {
profileIcon: getSummonerIcon( summoner.profileIconId ),
rankedIcon: getRankedIcon( rankedStats.tier ),
+ rankedVideo: getRankedVideo( rankedStats.tier ),
kills: avgKills,
deaths: avgDeaths,
assists: avgAssists,