From 10a6f8371dcce45e075dcf8e813035b7707b4c3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 30 Mar 2024 12:33:17 -0500
Subject: [PATCH] fix: 0 battle handling

---
 src/commands/rating.tsx | 276 ++++++++++++++++++++--------------------
 1 file changed, 139 insertions(+), 137 deletions(-)

diff --git a/src/commands/rating.tsx b/src/commands/rating.tsx
index 65b56b45b..8a45b5243 100644
--- a/src/commands/rating.tsx
+++ b/src/commands/rating.tsx
@@ -341,150 +341,152 @@ export const ratingCommand = new Promise<CommandRegistry>((resolve) => {
             )}
           </div>
 
-          <div style={{ padding: '8px 0', display: 'flex' }}>
-            <div
-              style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: 4,
-                flex: 1,
-                flexDirection: 'column',
-              }}
-            >
-              <span
+          {delta.battles > 0 && (
+            <div style={{ padding: '8px 0', display: 'flex' }}>
+              <div
                 style={{
-                  fontSize: 24,
-                  color: theme.colors.textHighContrast,
-                  fontWeight: 'bold',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  gap: 4,
+                  flex: 1,
+                  flexDirection: 'column',
                 }}
               >
-                {delta.battles.toLocaleString(interaction.locale)}
-              </span>
-              <span
+                <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={{
-                  fontSize: 16,
-                  color: theme.colors.textLowContrast,
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  gap: 4,
+                  flex: 1,
+                  flexDirection: 'column',
                 }}
               >
-                Battles
-              </span>
+                <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.damage / 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>
-            <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.damage / 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>
       );
     },