feat(app-board): remove the teleportation bug on card click on mobile view

Author: Aleksander Brylski

packages/game-app/src/gameView/components/DraggableCard/DraggableCard.tsx

@@ -6,6 +6,7 @@ import ConnectedCard from '../ConnectedCard';
 import { CardWrapper } from './DraggableCard.styled';
 import useDoubleClick from './useDoubleClick';
 import { Estimation } from '@pipeline/components';
+import { useWindowDimensions } from '../../../_shared/components/utils';
 
 type Props = {
   id: string;
@@ -106,6 +107,20 @@ const DraggableCard: React.FC<Props> = ({ id, bigger }) => {
     );
   }, [estimation, estimationOpen, isCardMoving, saveEstimation, handler, id]);
 
+  const { width } = useWindowDimensions();
+  const isWindowTooSmall = width < 1100;
+
+  if (isWindowTooSmall) {
+    return (
+      <div style={style} data-cy={`card-${id}`}>
+        {estimations}
+        <CardWrapper {...attributes} isDragging={isCardMoving}>
+          {card}
+        </CardWrapper>
+      </div>
+    );
+  }
+
   return (
     <div style={style} data-cy={`card-${id}`} ref={setNodeRef}>
       {estimations}