TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-24 20:19:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: full command

Browse Source
This commit is contained in:
TrèsAbhi committed 2024-03-25 18:12:33 -05:00
1 parent ebb7618f2d
commit 817796ed3c
2 files changed
+148 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/commands/ratingSession.tsx
+147
View File
@@ -339,6 +339,153 @@ export const ratingStatsCommand = new Promise<CommandRegistry>((resolve) => {
{delta.battles === 0 && ( {delta.battles === 0 && (
<NoData type="battles_in_period" locale={interaction.locale} /> <NoData type="battles_in_period" locale={interaction.locale} />
)} )}
{delta.battles > 0 && (
<div style={{ padding: '8px 0', display: 'flex' }}>
<div
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
flex: 1,
flexDirection: 'column',
}}
>
<span
style={{
fontSize: 24,
color: theme.colors.textHighContrast,
fontWeight: 'bold',
}}
>
{delta.battles.toLocaleString(interaction.locale)}
</span>
<span
style={{
fontSize: 16,
color: theme.colors.textLowContrast,
}}
>
Battles
</span>
</div>
<div
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
flex: 1,
flexDirection: 'column',
}}
>
<span
style={{
fontSize: 24,
color: theme.colors.textHighContrast,
fontWeight: 'bold',
}}
>
{(100 * (delta.wins / delta.battles)).toFixed(0)}%
</span>
<span
style={{
fontSize: 16,
color: theme.colors.textLowContrast,
}}
>
Winrate
</span>
</div>
<div
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
flex: 1,
flexDirection: 'column',
}}
>
<span
style={{
fontSize: 24,
color: theme.colors.textHighContrast,
fontWeight: 'bold',
}}
>
{Math.round(delta.damageDealt / delta.battles).toLocaleString(
interaction.locale,
)}
</span>
<span
style={{
fontSize: 16,
color: theme.colors.textLowContrast,
}}
>
Damage
</span>
</div>
<div
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
flex: 1,
flexDirection: 'column',
}}
>
<span
style={{
fontSize: 24,
color: theme.colors.textHighContrast,
fontWeight: 'bold',
}}
>
{(100 * (delta.survived / delta.battles)).toFixed(0)}%
</span>
<span
style={{
fontSize: 16,
color: theme.colors.textLowContrast,
}}
>
Survival
</span>
</div>
<div
style={{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
flex: 1,
flexDirection: 'column',
}}
>
<span
style={{
fontSize: 24,
color: theme.colors.textHighContrast,
fontWeight: 'bold',
}}
>
{(delta.kills / delta.battles).toFixed(2)}
</span>
<span
style={{
fontSize: 16,
color: theme.colors.textLowContrast,
}}
>
Kills
</span>
</div>
</div>
)}
</CommandWrapper> </CommandWrapper>
); );
}, },
src/components/CommandWrapper.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ export default function CommandWrapper({ children, fat }: CommandWrapperProps) {
width: 480, width: 480,
color: theme.colors.textHighContrast, color: theme.colors.textHighContrast,
position: 'relative', position: 'relative',
background: 'url(https://i.imgur.com/zjwyGv1.png)', background: `linear-gradient(${theme.colors.appBackground2}, ${theme.colors.appBackground1})`,
}} }}
> >
{children} {children}