feat: use a different color for applicant change set

City-of-Helsinki · Oct 14, 2024 · 41d388c · 41d388c
1 parent 291b114
commit 41d388c
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/frontend/benefit/handler/public/locales/en/common.json b/frontend/benefit/handler/public/locales/en/common.json
@@ -637,7 +637,8 @@
         },
         "changeReason": {
           "label": "Selvitys",
-          "placeholder": "Syy muokkaukseen"
+          "placeholder": "Syy muokkaukseen",
+          "additionalInformationRequired": "Lisätietoja vaadittu"
         }
       },
       "salaryExpensesExplanation": "Ilmoita bruttopalkka, sivukulut ja lomaraha euroina kuukaudessa.",

diff --git a/frontend/benefit/handler/public/locales/fi/common.json b/frontend/benefit/handler/public/locales/fi/common.json
@@ -637,7 +637,8 @@
         },
         "changeReason": {
           "label": "Selvitys",
-          "placeholder": "Syy muokkaukseen"
+          "placeholder": "Syy muokkaukseen",
+          "additionalInformationRequired": "Lisätietoja vaadittu"
         }
       },
       "salaryExpensesExplanation": "Ilmoita bruttopalkka, sivukulut ja lomaraha euroina kuukaudessa.",

diff --git a/frontend/benefit/handler/public/locales/sv/common.json b/frontend/benefit/handler/public/locales/sv/common.json
@@ -637,7 +637,8 @@
         },
         "changeReason": {
           "label": "Selvitys",
-          "placeholder": "Syy muokkaukseen"
+          "placeholder": "Syy muokkaukseen",
+          "additionalInformationRequired": "Lisätietoja vaadittu"
         }
       },
       "salaryExpensesExplanation": "Ilmoita bruttopalkka, sivukulut ja lomaraha euroina kuukaudessa.",

diff --git a/...tend/benefit/handler/src/components/applicationForm/reviewChanges/ReviewEditChanges.sc.ts b/...tend/benefit/handler/src/components/applicationForm/reviewChanges/ReviewEditChanges.sc.ts
@@ -28,8 +28,14 @@ export const $ChangeRowLabel = styled.dt`
   margin: 0;
 `;
 
-export const $ChangeSet = styled.div`
-  background: ${(props) => props.theme.colors.silverLight};
+type $ChangeSetProps = {
+  isChangeByStaff: boolean;
+};
+export const $ChangeSet = styled.div<$ChangeSetProps>`
+  background: ${(props) =>
+    props.isChangeByStaff
+      ? props.theme.colors.silverLight
+      : props.theme.colors.fogLight};
   padding: ${(props) => props.theme.spacing.s};
   font-size: 0.99em;
   margin-bottom: ${(props) => props.theme.spacing.xs};

diff --git a/frontend/benefit/handler/src/components/sidebar/ChangeSet.tsx b/frontend/benefit/handler/src/components/sidebar/ChangeSet.tsx
@@ -45,7 +45,7 @@ const ChangeSet: React.FC<ChangeSetProps> = ({ data }: ChangeSetProps) => {
   );
 
   return (
-    <$ChangeSet>
+    <$ChangeSet isChangeByStaff={user.staff}>
       <$ChangeSetHeader>
         <span>{user.name}</span>
         <span>{convertToUIDateAndTimeFormat(date)}</span>