From fc7d271a296009fb6880dde3040a82bd5f171a39 Mon Sep 17 00:00:00 2001
From: "makabe.t" <makabe.t@nds-tyo.co.jp>
Date: Fri, 16 Feb 2024 05:15:45 +0000
Subject: [PATCH] =?UTF-8?q?Merged=20PR=20749:=20=E7=AC=AC=E4=BA=94?=
 =?UTF-8?q?=E9=9A=8E=E5=B1=A4=E3=83=A9=E3=82=A4=E3=82=BB=E3=83=B3=E3=82=B9?=
 =?UTF-8?q?=E6=83=85=E5=A0=B1=E7=94=BB=E9=9D=A2=E5=AE=9F=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 概要
[Task3654: 第五階層ライセンス情報画面実装](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3654)

- 第五階層ライセンス情報画面でストレージ情報（Storage Available、Storage Used）を表示するように画面を修正しました。
  - 表示する値はGB単位となるようにし、小数点以下第三位までを表示するようにしています。

## レビューポイント
- 表示する値のフォーマットは適切でしょうか？
  - 小数点以下第三位までを固定で表示するようにしていますが問題ないでしょうか？

## UIの変更
- [Task3654](https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task3654?csf=1&web=1&e=1tCGoN)

## 動作確認状況
- ローカルで確認
---
 .../src/pages/LicensePage/licenseSummary.tsx  | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/dictation_client/src/pages/LicensePage/licenseSummary.tsx b/dictation_client/src/pages/LicensePage/licenseSummary.tsx
index a343fa5..0314a33 100644
--- a/dictation_client/src/pages/LicensePage/licenseSummary.tsx
+++ b/dictation_client/src/pages/LicensePage/licenseSummary.tsx
@@ -289,17 +289,31 @@ export const LicenseSummary: React.FC<LicenseSummaryProps> = (
                           )
                         )}
                       </dt>
-                      {/* Storage Usedの値表示をハイフンに置き換え */}
-                      {/* <dd>{licenseSummaryInfo.storageSize}GB</dd> */}
-                      <dd>-</dd>
+                      <dd>
+                        {/** Byte単位で受け取った値をGB単位で表示するため1000^3で割っている（小数点以下第三位まで表示で第四位で四捨五入） */}
+                        {(
+                          licenseSummaryInfo.storageSize /
+                          1000 /
+                          1000 /
+                          1000
+                        ).toFixed(3)}
+                        GB
+                      </dd>
                       <dt>
                         {t(
                           getTranslationID("LicenseSummaryPage.label.usedSize")
                         )}
                       </dt>
-                      {/* Storage Usedの値表示をハイフンに置き換え */}
-                      {/* <dd>{licenseSummaryInfo.usedSize}GB</dd> */}
-                      <dd>-</dd>
+                      <dd>
+                        {/** Byte単位で受け取った値をGB単位で表示するため1000^3で割っている（小数点以下第三位まで表示で第四位で四捨五入） */}
+                        {(
+                          licenseSummaryInfo.usedSize /
+                          1000 /
+                          1000 /
+                          1000
+                        ).toFixed(3)}
+                        GB
+                      </dd>
                       <dt className={styles.overLine}>
                         {t(
                           getTranslationID(