From c61477c6b94366259dfdfda2e3fa879d1e2ebac7 Mon Sep 17 00:00:00 2001
From: GarandPLG <garandplg@garandplg.com>
Date: Tue, 1 Apr 2025 21:05:05 +0200
Subject: [PATCH] =?UTF-8?q?Dodanie=20obs=C5=82ugi=20od=C5=9Bwie=C5=BCania?=
 =?UTF-8?q?=20tabeli=20transakcji?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Dodano funkcję `handleRefresh`, aby ponownie pobierać dane z `rePullTradeDeals`.
- W `TradeDetailsTableAdmin` dodano zdarzenie `refresh-table`, aby umożliwić odświeżanie tabeli.
- W `newTradeDealForm.vue` dodano emitowanie zdarzenia `trade-added`, które po dodaniu nowej transakcji wywołuje odświeżenie tabeli.
---
 .../admin-panel/manageTradeDeals.vue          | 25 ++++++++++++++++---
 .../trade/tradeDetailsTableAdmin.vue          | 13 +++++++---
 src/components/forms/newTradeDealForm.vue     | 10 ++++++--
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/components/admin-panel/manageTradeDeals.vue b/src/components/admin-panel/manageTradeDeals.vue
index c317dd0..6adf882 100644
--- a/src/components/admin-panel/manageTradeDeals.vue
+++ b/src/components/admin-panel/manageTradeDeals.vue
@@ -4,8 +4,17 @@ const props = defineProps<{
 	description: string;
 }>();
 
-const { tradeDealsPresentTurn, tradeDealsFollowingTurn, presentTurn, followingTurn } =
-	await useFetchTradeAdminTab();
+const {
+	tradeDealsPresentTurn,
+	tradeDealsFollowingTurn,
+	presentTurn,
+	followingTurn,
+	rePullTradeDeals
+} = await useFetchTradeAdminTab();
+
+const handleRefresh = async () => {
+	await rePullTradeDeals();
+};
 </script>
 
 <template>
@@ -27,11 +36,19 @@ const { tradeDealsPresentTurn, tradeDealsFollowingTurn, presentTurn, followingTu
 				</TabsList>
 
 				<TabsContent value="presentTurn">
-					<TradeDetailsTableAdmin :tradeDeals="tradeDealsPresentTurn" :turn="presentTurn" />
+					<TradeDetailsTableAdmin
+						:tradeDeals="tradeDealsPresentTurn"
+						:turn="presentTurn"
+						@refresh-table="handleRefresh"
+					/>
 				</TabsContent>
 
 				<TabsContent value="followingTurn">
-					<TradeDetailsTableAdmin :tradeDeals="tradeDealsFollowingTurn" :turn="followingTurn" />
+					<TradeDetailsTableAdmin
+						:tradeDeals="tradeDealsFollowingTurn"
+						:turn="followingTurn"
+						@refresh-table="handleRefresh"
+					/>
 				</TabsContent>
 			</Tabs>
 		</CardContent>
diff --git a/src/components/admin-panel/trade/tradeDetailsTableAdmin.vue b/src/components/admin-panel/trade/tradeDetailsTableAdmin.vue
index 409e9ed..183e37e 100644
--- a/src/components/admin-panel/trade/tradeDetailsTableAdmin.vue
+++ b/src/components/admin-panel/trade/tradeDetailsTableAdmin.vue
@@ -1,20 +1,27 @@
 <script lang="ts" setup>
 import type { TradesResponse, TurnsResponse } from '@/types/pb-types';
-import { X } from 'lucide-vue-next';
+import { X }                                  from 'lucide-vue-next';
 
 defineProps<{
 	tradeDeals: TradesResponse<unknown>[];
 	turn: TurnsResponse<unknown>;
 }>();
 
+const emit = defineEmits<{
+	'refresh-table': [];
+}>();
+
+const refreshTable = () => {
+	emit('refresh-table');
+};
+
 const { tradeDealsStates: states } = await useFetchTradeAdminTab();
-// TODO: Odświeżenie tabelki
 </script>
 
 <template>
 	<Table class="h-full w-full">
 		<TableCaption>
-			<NewTradeDealForm :turn="turn" :states="states" />
+			<NewTradeDealForm :turn="turn" :states="states" @trade-added="refreshTable" />
 		</TableCaption>
 
 		<TableHeader>
diff --git a/src/components/forms/newTradeDealForm.vue b/src/components/forms/newTradeDealForm.vue
index c666d0c..20e0b10 100644
--- a/src/components/forms/newTradeDealForm.vue
+++ b/src/components/forms/newTradeDealForm.vue
@@ -1,13 +1,17 @@
 <script lang="ts" setup>
-import { FormField } from '@/components/ui/form';
+import { FormField }                          from '@/components/ui/form';
 import type { StatesResponse, TurnsResponse } from '@/types/pb-types';
-import { useForm } from 'vee-validate';
+import { useForm }                            from 'vee-validate';
 
 const props = defineProps<{
 	turn: TurnsResponse<unknown>;
 	states: StatesResponse<unknown, unknown, unknown, unknown, unknown>[];
 }>();
 
+const emit = defineEmits<{
+	'trade-added': [];
+}>();
+
 const pb = usePocketBase();
 const { flushTradeDealsCache, rePullTradeDeals } = await useFetchTradeAdminTab();
 
@@ -51,6 +55,8 @@ const onSubmit = handleSubmit(async values => {
 		await flushTradeDealsCache();
 		await rePullTradeDeals();
 
+		emit('trade-added');
+
 		openDialog.value = false;
 	}
 });