From 797af4448ae1a28f0a539be4669ad3eda9c0c9b8 Mon Sep 17 00:00:00 2001
From: pb-coding <pb@philippbeckmann.de>
Date: Mon, 2 Oct 2023 14:54:50 +0200
Subject: [PATCH] removes old ui components

---
 src/components/CardCacheOld.tsx    | 21 ----------------
 src/components/CardStackOld.tsx    | 37 ---------------------------
 src/components/DepositCardsOld.tsx | 40 ------------------------------
 3 files changed, 98 deletions(-)
 delete mode 100644 src/components/CardCacheOld.tsx
 delete mode 100644 src/components/CardStackOld.tsx
 delete mode 100644 src/components/DepositCardsOld.tsx

diff --git a/src/components/CardCacheOld.tsx b/src/components/CardCacheOld.tsx
deleted file mode 100644
index f1f068d..0000000
--- a/src/components/CardCacheOld.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { FC } from "react";
-
-import { Player } from "../types/gameTypes";
-
-type CardCacheProps = {
-  playersData: Player | undefined;
-};
-
-const CardCache: FC<CardCacheProps> = ({ playersData }) => {
-  if (!playersData?.cardCache) {
-    return null;
-  }
-
-  return (
-    <div>
-      <p>Card Cache: {playersData.cardCache.value}</p>
-    </div>
-  );
-};
-
-export default CardCache;
diff --git a/src/components/CardStackOld.tsx b/src/components/CardStackOld.tsx
deleted file mode 100644
index e30849c..0000000
--- a/src/components/CardStackOld.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { FC } from "react";
-import { socket } from "../socket";
-
-import Action from "./Action";
-import Display from "./Display";
-import { Game, Player } from "../types/gameTypes";
-
-type CardStackProps = {
-  gameData: Game | null;
-  playerData: Player;
-};
-
-const CardStack: FC<CardStackProps> = ({ gameData, playerData }) => {
-  const remainingInCardStack = gameData?.cardStack?.cards?.length || 0;
-
-  function drawFromCardStack() {
-    console.log("Draw card");
-    socket.emit("draw-from-card-stack", { sessionId: gameData?.sessionId });
-  }
-
-  if (!gameData?.cardStack || remainingInCardStack <= 0) {
-    return null;
-  }
-
-  return (
-    <Display data={playerData}>
-      <Action data={playerData} action={drawFromCardStack}>
-        Draw
-      </Action>
-      <span style={{ color: "grey", marginLeft: "5px" }}>
-        {remainingInCardStack} in Card Set
-      </span>
-    </Display>
-  );
-};
-
-export default CardStack;
diff --git a/src/components/DepositCardsOld.tsx b/src/components/DepositCardsOld.tsx
deleted file mode 100644
index 348ff1c..0000000
--- a/src/components/DepositCardsOld.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { FC } from "react";
-import { socket } from "../socket";
-
-import Action from "./Action";
-import Display from "./Display";
-import { Game, Player } from "../types/gameTypes";
-
-type DepositCardsProps = {
-  gameData: Game | null;
-  playerData: Player;
-};
-
-const DepositCards: FC<DepositCardsProps> = ({ gameData, playerData }) => {
-  const remainingInCardStack = gameData?.cardStack?.cards?.length || 0;
-  const remainingInDiscardPile = gameData?.discardPile?.length || 0;
-  const topCardInDiscardPile =
-    gameData?.discardPile?.[remainingInDiscardPile - 1];
-
-  function clickDiscardPile() {
-    console.log("Clicked discard pile");
-    socket.emit("click-discard-pile", { sessionId: gameData?.sessionId });
-  }
-
-  if (!gameData?.discardPile || remainingInCardStack <= 0) {
-    return null;
-  }
-
-  return (
-    <Display data={playerData}>
-      <Action data={playerData} action={clickDiscardPile}>
-        {topCardInDiscardPile?.value}
-      </Action>
-      <span style={{ color: "grey", marginLeft: "5px" }}>
-        {remainingInDiscardPile} Discard Pile
-      </span>
-    </Display>
-  );
-};
-
-export default DepositCards;