From 48d2e625db77e2f462de7efd204dc1ee47c33e9f Mon Sep 17 00:00:00 2001
From: "saito.k" <saito.k@nds-tyo.co.jp>
Date: Mon, 5 Feb 2024 07:08:00 +0000
Subject: [PATCH] =?UTF-8?q?Merged=20PR=20730:=20[FB=E5=AF=BE=E5=BF=9C]?=
 =?UTF-8?q?=E3=82=BF=E3=82=B9=E3=82=AF=E4=B8=80=E8=A6=A7=E7=94=BB=E9=9D=A2?=
 =?UTF-8?q?=E3=81=AE=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 概要
[Task3614: 対応](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3614)
- デザイン修正
  - ソートが昇順の時は▲
  - ソートが降順の時は▼
- Priorityが「High」の時にその行を赤くする

## レビューポイント
- 特になし

## UIの変更
- 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/Task3614?csf=1&web=1&e=fm3MFs

## 動作確認状況
- ローカルで確認

## 補足
- 相談、参考資料などがあれば
---
 .../src/pages/DictationPage/index.tsx         |  8 +++++-
 dictation_client/src/styles/app.module.scss   | 26 +++++++++----------
 .../src/styles/app.module.scss.d.ts           |  2 +-
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/dictation_client/src/pages/DictationPage/index.tsx b/dictation_client/src/pages/DictationPage/index.tsx
index cbeed07..1d3abcc 100644
--- a/dictation_client/src/pages/DictationPage/index.tsx
+++ b/dictation_client/src/pages/DictationPage/index.tsx
@@ -1116,7 +1116,13 @@ const DictationPage: React.FC = (): JSX.Element => {
                     {(isChangeTranscriptionistPopupOpen || !isLoading) &&
                       tasks.length !== 0 &&
                       tasks.map((x) => (
-                        <tr key={x.audioFileId}>
+                        <tr
+                          key={x.audioFileId}
+                          style={{
+                            backgroundColor:
+                              x.priority === "01" ? "#ff00004f" : "#ffffff",
+                          }}
+                        >
                           <td className={styles.clm0}>
                             <ul className={styles.menuInTable}>
                               <li>
diff --git a/dictation_client/src/styles/app.module.scss b/dictation_client/src/styles/app.module.scss
index 52f8553..c075fdc 100644
--- a/dictation_client/src/styles/app.module.scss
+++ b/dictation_client/src/styles/app.module.scss
@@ -1343,23 +1343,23 @@ _:-ms-lang(x)::-ms-backdrop,
 .tableHeader th .hasSort:hover::before {
   opacity: 1;
 }
-.tableHeader th .hasSort.isActiveAz::before {
-  opacity: 1;
-}
-.tableHeader th .hasSort.isActiveAz:hover::before {
-  border-top: none;
-  border-right: 0.35rem transparent solid;
-  border-bottom: 0.4rem #ffffff solid;
-  border-left: 0.35rem transparent solid;
-}
 .tableHeader th .hasSort.isActiveZa::before {
-  border-top: none;
-  border-right: 0.35rem transparent solid;
-  border-bottom: 0.4rem #ffffff solid;
-  border-left: 0.35rem transparent solid;
   opacity: 1;
 }
 .tableHeader th .hasSort.isActiveZa:hover::before {
+  border-top: none;
+  border-right: 0.35rem transparent solid;
+  border-bottom: 0.4rem #ffffff solid;
+  border-left: 0.35rem transparent solid;
+}
+.tableHeader th .hasSort.isActiveAz::before {
+  border-top: none;
+  border-right: 0.35rem transparent solid;
+  border-bottom: 0.4rem #ffffff solid;
+  border-left: 0.35rem transparent solid;
+  opacity: 1;
+}
+.tableHeader th .hasSort.isActiveAz:hover::before {
   border-top: 0.4rem #ffffff solid;
   border-right: 0.35rem transparent solid;
   border-bottom: none;
diff --git a/dictation_client/src/styles/app.module.scss.d.ts b/dictation_client/src/styles/app.module.scss.d.ts
index 2dde822..68fcbca 100644
--- a/dictation_client/src/styles/app.module.scss.d.ts
+++ b/dictation_client/src/styles/app.module.scss.d.ts
@@ -89,8 +89,8 @@ declare const classNames: {
   readonly snackbarIcon: "snackbarIcon";
   readonly snackbarIconClose: "snackbarIconClose";
   readonly hasSort: "hasSort";
-  readonly isActiveAz: "isActiveAz";
   readonly isActiveZa: "isActiveZa";
+  readonly isActiveAz: "isActiveAz";
   readonly noLine: "noLine";
   readonly home: "home";
   readonly pgHome: "pgHome";