From 154808836d038af77fc53867a58f49482cd4c089 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Mon, 22 Apr 2024 18:00:37 +0300
Subject: [PATCH] checking if selected token exists

---
 web/src/components/tokens/Roster.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/web/src/components/tokens/Roster.tsx b/web/src/components/tokens/Roster.tsx
index 4e3f4722..6bf7f2a1 100644
--- a/web/src/components/tokens/Roster.tsx
+++ b/web/src/components/tokens/Roster.tsx
@@ -16,18 +16,20 @@ const Roster = ({ tokens }: { tokens: OwnedToken[] }) => {
     <div className={styles.container}>
       <div className={styles.header}>roster</div>
       <div className={styles.tokens}>
-        <div className={styles.selectedTokenContainer}>
-          <Image src={tokens[selectedTokenIdx].image} alt={""} className={styles.bigTokenImage} />
-          <div className={styles.tokenInfo}>
-            <div className={styles.tokenName}>{tokens[selectedTokenIdx].name}</div>
-            <div className={styles.tokenId}>{tokens[selectedTokenIdx].id}</div>
+        {tokens[selectedTokenIdx] && (
+          <div className={styles.selectedTokenContainer}>
+            <Image src={tokens[selectedTokenIdx].image} alt={""} className={styles.bigTokenImage} />
+            <div className={styles.tokenInfo}>
+              <div className={styles.tokenName}>{tokens[selectedTokenIdx].name}</div>
+              <div className={styles.tokenId}>{tokens[selectedTokenIdx].id}</div>
+            </div>
+            {(selectedMode === 0 ||
+              (!!tokens[selectedTokenIdx].stakedSessionID &&
+                tokens[selectedTokenIdx].tokenProgress !== 6)) && (
+              <PlayButtons token={tokens[selectedTokenIdx]} />
+            )}
           </div>
-          {(selectedMode === 0 ||
-            (!!tokens[selectedTokenIdx].stakedSessionID &&
-              tokens[selectedTokenIdx].tokenProgress !== 6)) && (
-            <PlayButtons token={tokens[selectedTokenIdx]} />
-          )}
-        </div>
+        )}
         <div className={styles.tokenCards}>
           {tokens.map((t, idx) => (
             <Image