From 02ce4652a6753250757f22df5438a3190091a7ab Mon Sep 17 00:00:00 2001
From: Julien Rousseau <julrousseau20@gmail.com>
Date: Tue, 2 Jan 2024 14:20:30 -0500
Subject: [PATCH] show when no receipt by default

---
 .../modules/transactions/detailed-transaction.tsx    | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/modules/transactions/detailed-transaction.tsx b/web/src/modules/transactions/detailed-transaction.tsx
index f7d9458..6ba560d 100644
--- a/web/src/modules/transactions/detailed-transaction.tsx
+++ b/web/src/modules/transactions/detailed-transaction.tsx
@@ -53,6 +53,13 @@ export const DetailedTransaction: Component<DetailedTransactionProps> = (props)
     }
   });
 
+  createEffect(() => {
+    const t = transaction();
+    if (t && t.receipt == null) {
+      receiptAccordionControls.setIsOpened(true);
+    }
+  });
+
   const dashboardLocation = location.pathname.replace(/transactions\/\d+/, "").replace(/\/$/, "");
 
   const transactionDetails = () => {
@@ -116,10 +123,7 @@ export const DetailedTransaction: Component<DetailedTransactionProps> = (props)
             when={transaction()!.receipt}
             fallback={<NoContent message="Aucun reçu n'est associé à cette transaction" />}
           >
-            <div
-              class="relative mx-auto block max-w-[430px] overflow-hidden md:bg-red-500 lg:max-w-[800px]"
-              ref={setReceiptCardRef}
-            >
+            <div class="relative mx-auto block max-w-[430px] overflow-hidden lg:max-w-[800px]" ref={setReceiptCardRef}>
               <A href={transaction()!.receipt!.url!} target="_blank">
                 <Show
                   when={transaction()!.receipt!.mime === "application/pdf"}