From a19abd11bd5ff956139b7310f2ddf2a1cac6df60 Mon Sep 17 00:00:00 2001
From: Vadim Tokar <52737608+vraja-nayaka@users.noreply.github.com>
Date: Fri, 23 Aug 2024 17:17:40 +0400
Subject: [PATCH] fix zk-battleship deploy (#433)

---
 .../voucher-expired-modal.tsx                 | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/frontend/apps/battleship-zk/src/features/game/components/voucher-expired-modal/voucher-expired-modal.tsx b/frontend/apps/battleship-zk/src/features/game/components/voucher-expired-modal/voucher-expired-modal.tsx
index 4101dd814..72a74c397 100644
--- a/frontend/apps/battleship-zk/src/features/game/components/voucher-expired-modal/voucher-expired-modal.tsx
+++ b/frontend/apps/battleship-zk/src/features/game/components/voucher-expired-modal/voucher-expired-modal.tsx
@@ -20,17 +20,14 @@ export default function VoucherExpiredModal() {
     }
   }, [isVoucherExpired]);
 
-  return (
-    isOpen &&
-    isVoucherExpired && (
-      <ModalBottom heading="Voucher Expired" onClose={() => setIsOpen(false)}>
-        <div className={styles.content}>
-          <Text>Your voucher has expired and couldn't be used.</Text>
-          <div className={styles.buttons}>
-            <Button color="dark" text="Exit" onClick={() => setIsOpen(false)} />
-          </div>
+  return isOpen && isVoucherExpired ? (
+    <ModalBottom heading="Voucher Expired" onClose={() => setIsOpen(false)}>
+      <div className={styles.content}>
+        <Text>Your voucher has expired and couldn't be used.</Text>
+        <div className={styles.buttons}>
+          <Button color="dark" text="Exit" onClick={() => setIsOpen(false)} />
         </div>
-      </ModalBottom>
-    )
-  );
+      </div>
+    </ModalBottom>
+  ) : null;
 }