refactor: pricing API change in core

core branch: City-of-Helsinki/tilavarauspalvelu-core#1317 refs: TILA-3525
City-of-Helsinki · Oct 18, 2024 · ed8aaba · ed8aaba
1 parent 5ddd7a1
commit ed8aaba
Show file tree

Hide file tree

Showing 29 changed files with 1,295 additions and 1,229 deletions.
diff --git a/apps/admin-ui/gql/gql-types.ts b/apps/admin-ui/gql/gql-types.ts
diff --git a/apps/admin-ui/src/i18n/messages.ts b/apps/admin-ui/src/i18n/messages.ts
@@ -1334,10 +1334,11 @@ const translations: ITranslations = {
       pricingType: ["Varausyksikön maksullisuus"],
       pricingTerms: ["Hinnoitteluperiaate"],
       pricingTypes: {
-        PAID: ["Maksullinen"],
-        FREE: ["Maksuton"],
+        paid: ["Maksullinen"],
+        free: ["Maksuton"],
       },
-      priceChange: ["Hintaan on tulossa muutos"],
+      hasFuturePrice: ["Hintaan on tulossa muutos"],
+      begins: ["Alkaa"],
       openingTime: ["Alkamisaika"],
       closingTime: ["Päättymisaika"],
     },
@@ -1413,12 +1414,6 @@ const translations: ITranslations = {
         `Kuvaus kirjoitetaan standardointipohjan mukaisesti.
       Lisää linkkejä ulkoisille verkkosivuille kuten käyttöohjeisiin vain tarvittaessa. Tarkista linkkien toimivuus ja saavutettavuus säännöllisesti. Käytäthän muotoiluja harkiten. `,
       ],
-      images: [
-        `Liitä vähintään kolme kuvaa. Kuvien tulisi olla todenmukaisia ja hyvälaatuisia.
-      Suositus:
-      lisää ensisijaisesti vaakatasossa kuvattuja kuvia, ei kuitenkaan panoramoja. jpeg/jpg ja png, max 1 M
-      Kuvissa näkyviltä ihmisiltä tulee olla kuvauslupa. Kuvissa ei saa näkyä turvakameroita.`,
-      ],
       publishingSettings: [
         `Voit ajastaa varausyksikön julkaistavaksi tai piilotettavaksi asiakkailta tiettynä ajankohtana.`,
       ],
@@ -1705,6 +1700,12 @@ const translations: ITranslations = {
     deleteImage: ["Poista"],
     mainImage: ["Pääkuva"],
     useAsMainImage: ["Käytä pääkuvana"],
+    tooltip: [
+        `Liitä vähintään kolme kuvaa. Kuvien tulisi olla todenmukaisia ja hyvälaatuisia.
+      Suositus:
+      lisää ensisijaisesti vaakatasossa kuvattuja kuvia, ei kuitenkaan panoramoja. jpeg/jpg ja png, max 1 M
+      Kuvissa näkyviltä ihmisiltä tulee olla kuvauslupa. Kuvissa ei saa näkyä turvakameroita.`,
+    ],
   },
   priceUnit: {
     FIXED: ["Per kerta"],

diff --git a/apps/admin-ui/src/spa/ReservationUnit/edit/ActivationGroup.tsx b/apps/admin-ui/src/spa/ReservationUnit/edit/ActivationGroup.tsx
@@ -34,17 +34,14 @@ export function ActivationGroup<T extends FieldValues>({
   style,
   className,
 }: ControllerProps<T>): JSX.Element {
-  const { field } = useController({ control, name });
+  const {
+    field: { value, onChange },
+  } = useController({ control, name });
 
   return (
     <Wrapper $noMargin={noMargin} style={style} className={className}>
-      <Checkbox
-        id={name}
-        label={label}
-        checked={field.value}
-        onChange={field.onChange}
-      />
-      {field.value ? (
+      <Checkbox id={name} label={label} checked={value} onChange={onChange} />
+      {value ? (
         <Wrapper $noMargin={noMargin}>
           <Indent $noIndent={noIndent}>{children}</Indent>
         </Wrapper>

diff --git a/apps/admin-ui/src/spa/ReservationUnit/edit/ImageEditor.tsx b/apps/admin-ui/src/spa/ReservationUnit/edit/ImageEditor.tsx
@@ -59,9 +59,22 @@ const FileInputContainer = styled.div`
   #file-input-helper {
     display: none;
   }
+
+  & button {
+    --background-color-hover: var(--color-black-5);
+    --color-hover: var(--color-black);
+    --background-color-focus: transparent;
+    --color-focus: var(--color-black)
+    --focus-outline-color: var(--color-focus-outline);
+    --color: var(--color-black);
+    --border-color: var(--color-black);
+  }
 `;
 
-const SmallButton = styled(Button)`
+const SmallButton = styled(Button).attrs({
+  variant: "secondary",
+  theme: "black",
+})`
   border: 0;
   padding: 0;
   min-height: 0;
@@ -94,15 +107,13 @@ function ReservationUnitImage({
           <span>{t("ImageEditor.mainImage")}</span>
         ) : (
           <SmallButton
-            variant="secondary"
             disabled={isMain || image.pk == null}
             onClick={() => makeIntoMainImage(image.pk ?? 0)}
           >
             {t("ImageEditor.useAsMainImage")}
           </SmallButton>
         )}
         <SmallButton
-          variant="secondary"
           disabled={image.pk == null}
           onClick={() => deleteImage(image.pk ?? 0)}
         >
@@ -177,7 +188,7 @@ export function ImageEditor({
             dragAndDropInputLabel=" "
             maxSize={5242880}
             onChange={(files) => addImage(files)}
-            tooltipText={t("ReservationUnitEditor.tooltip.images")}
+            tooltipText={t("ImageEditor.tooltip")}
           />
         </FileInputContainer>
       </div>