From b48515bf37b4d65cd8091a986c93a56cae0ff565 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 10 Nov 2024 22:38:36 -0600
Subject: [PATCH] fix: display shot card on all devices

---
 .../components/Armor/components/ShotDisplay.tsx   |  1 -
 .../components/Tankopedia/ShotDisplaySection.tsx  | 15 ---------------
 .../src/pages/tools/tankopedia/[id]/_index.tsx    |  2 --
 3 files changed, 18 deletions(-)
 delete mode 100644 packages/website/src/components/Tankopedia/ShotDisplaySection.tsx

diff --git a/packages/website/src/components/Armor/components/ShotDisplay.tsx b/packages/website/src/components/Armor/components/ShotDisplay.tsx
index 859b7bc6d..2f70f7b3d 100644
--- a/packages/website/src/components/Armor/components/ShotDisplay.tsx
+++ b/packages/website/src/components/Armor/components/ShotDisplay.tsx
@@ -173,7 +173,6 @@ export function ShotDisplay() {
 
       <Html position={inLast.point} center>
         <Box
-          display={isFullscreen ? undefined : { initial: 'none', sm: 'block' }}
           style={{
             pointerEvents: 'none',
             transform: `translateY(${tracerGoingUp ? 50 : -50}%)`,
diff --git a/packages/website/src/components/Tankopedia/ShotDisplaySection.tsx b/packages/website/src/components/Tankopedia/ShotDisplaySection.tsx
deleted file mode 100644
index 9b2a4f9f9..000000000
--- a/packages/website/src/components/Tankopedia/ShotDisplaySection.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Flex } from '@radix-ui/themes';
-import { TankopediaEphemeral } from '../../stores/tankopediaEphemeral';
-import { ShotDisplayCard } from '../Armor/components/ShotDisplayCard';
-
-export function ShotDisplaySection() {
-  const shot = TankopediaEphemeral.use((state) => state.shot);
-
-  if (!shot) return null;
-
-  return (
-    <Flex justify="center" display={{ initial: 'flex', sm: 'none' }}>
-      <ShotDisplayCard shot={shot} />
-    </Flex>
-  );
-}
diff --git a/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx b/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx
index 549370018..dd8e7917d 100644
--- a/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx
+++ b/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx
@@ -10,7 +10,6 @@ import { GameModeSection } from '../../../../components/Tankopedia/GameModeSecti
 import { HeroSection } from '../../../../components/Tankopedia/HeroSection';
 import { HistorySection } from '../../../../components/Tankopedia/HistorySection';
 import { MetaSection } from '../../../../components/Tankopedia/MetaSection';
-import { ShotDisplaySection } from '../../../../components/Tankopedia/ShotDisplaySection';
 import { TechTreeSection } from '../../../../components/Tankopedia/TechTreeSection';
 import { VideoSection } from '../../../../components/Tankopedia/VideoSection';
 import { App } from '../../../../stores/app';
@@ -47,7 +46,6 @@ export function Page({ id, skeleton }: PageProps) {
               pb="9"
             >
               <HeroSection skeleton={skeleton} />
-              <ShotDisplaySection />
               <CalloutsSection />
               <MetaSection />
               <TechTreeSection skeleton={skeleton} />