From 09acaae5cf622b8a1ea0d1472b7eff4ffd3e4efa Mon Sep 17 00:00:00 2001
From: sulmo <sulmo@megazone.com>
Date: Thu, 17 Oct 2024 17:25:11 +0900
Subject: [PATCH] feat: add cost link in costSummary

Signed-off-by: sulmo <sulmo@megazone.com>
---
 .../workspace-home/components/CostSummary.vue | 43 ++++++++++++++-----
 .../console-translation-2.8.babel             | 21 +++++++++
 packages/language-pack/en.json                |  1 +
 packages/language-pack/ja.json                |  1 +
 packages/language-pack/ko.json                |  1 +
 5 files changed, 56 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/services/workspace-home/components/CostSummary.vue b/apps/web/src/services/workspace-home/components/CostSummary.vue
index 540868a769..79ea0d88ce 100644
--- a/apps/web/src/services/workspace-home/components/CostSummary.vue
+++ b/apps/web/src/services/workspace-home/components/CostSummary.vue
@@ -235,13 +235,27 @@ watch(() => storeState.costReportConfig, async (costReportConfig) => {
                 </div>
                 <div v-if="!state.isWorkspaceMember && state.accessLink">
                     <p-divider class="divider" />
-                    <p-link highlight
-                            :to="getProperRouteLocation({ name: COST_EXPLORER_ROUTE.COST_REPORT._NAME })"
-                            action-icon="internal-link"
-                            class="link"
-                    >
-                        {{ $t('HOME.COST_SUMMARY_GO_TO_REPORT') }}
-                    </p-link>
+                    <div class="link-footer">
+                        <p-link highlight
+                                :to="getProperRouteLocation({ name: COST_EXPLORER_ROUTE.COST_ANALYSIS._NAME })"
+                                action-icon="internal-link"
+                                class="link"
+                        >
+                            {{ $t('HOME.COST_SUMMARY_GO_TO_COST_ANALYSIS') }}
+                        </p-link>
+                        <div class="vertical-divider">
+                            <p-divider style="height: 14px;"
+                                       vertical
+                            />
+                        </div>
+                        <p-link highlight
+                                :to="getProperRouteLocation({ name: COST_EXPLORER_ROUTE.COST_REPORT._NAME })"
+                                action-icon="internal-link"
+                                class="link"
+                        >
+                            {{ $t('HOME.COST_SUMMARY_GO_TO_REPORT') }}
+                        </p-link>
+                    </div>
                 </div>
             </div>
             <empty-summary-data v-else
@@ -309,10 +323,17 @@ watch(() => storeState.costReportConfig, async (costReportConfig) => {
     .divider {
         @apply bg-gray-150;
     }
-    .link {
-        @apply flex items-center justify-center text-label-md;
-        padding-top: 0.625rem;
-        padding-bottom: 0.75rem;
+    .link-footer {
+        @apply flex justify-center items-center gap-4;
+
+        .vertical-divider {
+            @apply flex items-center h-full;
+        }
+        .link {
+            @apply inline-flex items-center justify-center text-label-md;
+            padding-top: 0.625rem;
+            padding-bottom: 0.75rem;
+        }
     }
 }
 </style>
diff --git a/packages/language-pack/console-translation-2.8.babel b/packages/language-pack/console-translation-2.8.babel
index 28b86eac86..08df25d556 100644
--- a/packages/language-pack/console-translation-2.8.babel
+++ b/packages/language-pack/console-translation-2.8.babel
@@ -42192,6 +42192,27 @@
                             </translation>
                         </translations>
                     </concept_node>
+                    <concept_node>
+                        <name>COST_SUMMARY_GO_TO_COST_ANALYSIS</name>
+                        <definition_loaded>false</definition_loaded>
+                        <description/>
+                        <comment/>
+                        <default_text/>
+                        <translations>
+                            <translation>
+                                <language>en-US</language>
+                                <approved>false</approved>
+                            </translation>
+                            <translation>
+                                <language>ja-JP</language>
+                                <approved>false</approved>
+                            </translation>
+                            <translation>
+                                <language>ko-KR</language>
+                                <approved>false</approved>
+                            </translation>
+                        </translations>
+                    </concept_node>
                     <concept_node>
                         <name>COST_SUMMARY_GO_TO_REPORT</name>
                         <definition_loaded>false</definition_loaded>
diff --git a/packages/language-pack/en.json b/packages/language-pack/en.json
index fa9b82252e..4c3fbeced3 100644
--- a/packages/language-pack/en.json
+++ b/packages/language-pack/en.json
@@ -2380,6 +2380,7 @@
 		"COST_SUMMARY_BY_PROJECT": "by Project",
 		"COST_SUMMARY_CURRENT_TOTAL_COST": "Current Month-to-Date Cost",
 		"COST_SUMMARY_DESC": "The cost above may differ from the costs in the report",
+		"COST_SUMMARY_GO_TO_COST_ANALYSIS": "Go to Cost Analysis",
 		"COST_SUMMARY_GO_TO_REPORT": "Go to Cost Report",
 		"COST_SUMMARY_LAST_MONT_TOTAL_COST": "Last Month Total Cost",
 		"COST_SUMMARY_RECENT": "Recent Cost Report for {date}",
diff --git a/packages/language-pack/ja.json b/packages/language-pack/ja.json
index 420e8d19f0..759312ca84 100644
--- a/packages/language-pack/ja.json
+++ b/packages/language-pack/ja.json
@@ -2380,6 +2380,7 @@
 		"COST_SUMMARY_BY_PROJECT": "プロジェクトごとに",
 		"COST_SUMMARY_CURRENT_TOTAL_COST": "現在の月初から今までの費用",
 		"COST_SUMMARY_DESC": "上記の費用は、報告書の費用と異なる場合があります",
+		"COST_SUMMARY_GO_TO_COST_ANALYSIS": "비용 분석으로 이동",
 		"COST_SUMMARY_GO_TO_REPORT": "コストレポートに移動",
 		"COST_SUMMARY_LAST_MONT_TOTAL_COST": "先月の総費用",
 		"COST_SUMMARY_RECENT": "{date}の最近の費用レポート",
diff --git a/packages/language-pack/ko.json b/packages/language-pack/ko.json
index c9883c9250..61614efcbf 100644
--- a/packages/language-pack/ko.json
+++ b/packages/language-pack/ko.json
@@ -2380,6 +2380,7 @@
 		"COST_SUMMARY_BY_PROJECT": "프로젝트별",
 		"COST_SUMMARY_CURRENT_TOTAL_COST": "당월 누적값",
 		"COST_SUMMARY_DESC": "위의 비용은 비용 리포트 발행 시점에 따라 최종 비용에 차이가 있을 수 있습니다.",
+		"COST_SUMMARY_GO_TO_COST_ANALYSIS": "コスト分析に移動",
 		"COST_SUMMARY_GO_TO_REPORT": "비용 리포트로 이동",
 		"COST_SUMMARY_LAST_MONT_TOTAL_COST": "전월 총 비용",
 		"COST_SUMMARY_RECENT": "최근 비용 리포트({date})",