From bca8dc73cff05bd40ec0e74854b64fefb7c7cf65 Mon Sep 17 00:00:00 2001
From: Tiny_Murky <murky0830@gmail.com>
Date: Wed, 4 Sep 2024 11:54:08 +0800
Subject: [PATCH] fix journal image problem

---
 package.json                                     |  2 +-
 src/components/journal_detail/journal_detail.tsx | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 42dee723..1acc71f7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "iSunFA",
-  "version": "0.8.0+66",
+  "version": "0.8.0+67",
   "private": false,
   "scripts": {
     "dev": "next dev",
diff --git a/src/components/journal_detail/journal_detail.tsx b/src/components/journal_detail/journal_detail.tsx
index a474507f..1cb46320 100644
--- a/src/components/journal_detail/journal_detail.tsx
+++ b/src/components/journal_detail/journal_detail.tsx
@@ -167,10 +167,11 @@ const JournalDetail = ({ journalId }: IJournalDetailProps) => {
       };
     });
 
-  // Info: (20240726 - Murky) 如果略過 OCR，預覽圖片會是預設的圖片
-  const invoicePreviewSrc = imgSrcHasError
-    ? '/elements/default_certificate.svg'
-    : (journalDetail?.imageUrl ?? '');
+  /* Info: (20240726 - Murky) 如果略過 OCR，預覽圖片會是預設的圖片
+   * 順序是：畫面載入 => journalDetail 不存在 => 預設圖片 => journalDetail載入 => 頁面更新
+   */
+  const invoicePreviewSrc =
+    journalDetail && !imgSrcHasError ? journalDetail.imageUrl : '/elements/default_certificate.svg';
 
   const copyTokenContractHandler = () => {
     navigator.clipboard.writeText(contractId);
@@ -569,6 +570,7 @@ const JournalDetail = ({ journalId }: IJournalDetailProps) => {
                 width={236}
                 height={300}
                 alt="certificate"
+                priority
                 onError={(e) => {
                   if (e && !imgSrcHasError) {
                     setImgSrcHasError(true);