From 634145a074580c66c5969f51b3687f5c5ede109a Mon Sep 17 00:00:00 2001
From: Jan Langheimer <langheimer@gmail.com>
Date: Tue, 16 Apr 2024 08:14:31 +0100
Subject: [PATCH] fix simulator mobile screen

---
 src/pages/simulator/result/index.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/simulator/result/index.tsx b/src/pages/simulator/result/index.tsx
index fac1a72f0..fb731ad39 100644
--- a/src/pages/simulator/result/index.tsx
+++ b/src/pages/simulator/result/index.tsx
@@ -1,7 +1,9 @@
 import { Link } from '@tanstack/react-router';
+import { SimulatorMobilePlaceholder } from 'components/simulator/mobile-placeholder';
 import { SimResultChart } from 'components/simulator/result/SimResultChart';
 import { SimResultSummary } from 'components/simulator/result/SimResultSummary';
 import { useSimulator } from 'components/simulator/result/SimulatorProvider';
+import { useBreakpoints } from 'hooks/useBreakpoints';
 import { useCallback, useEffect } from 'react';
 import { ReactComponent as IconChevronLeft } from 'assets/icons/chevron-left.svg';
 import { wait } from 'utils/helpers';
@@ -25,6 +27,10 @@ export const SimulatorResultPage = () => {
     handleAnimationStart();
   }, [handleAnimationStart]);
 
+  const { aboveBreakpoint } = useBreakpoints();
+
+  if (!aboveBreakpoint('md')) return <SimulatorMobilePlaceholder />;
+
   return (
     <div className="p-20">
       {simulationType === 'recurring' && (