chore: coderabbit fixes

Author: dkrizan

webapp/src/constants/GlobalValidationSchema.tsx

@@ -530,7 +530,7 @@ export class Validation {
         .matches(/^#[0-9A-F]{6}$/i, t('validation_invalid_hex_color')),
     });
 
-  static readonly PLAN_MIRATION_FORM = () =>
+  static readonly PLAN_MIGRATION_FORM = () =>
     Yup.object().shape({
       monthlyOffsetDays: Yup.number().required().min(0),
       yearlyOffsetDays: Yup.number().required().min(0),

webapp/src/ee/billing/administration/subscriptionPlans/components/migration/PlanMigrationForm.tsx

@@ -80,7 +80,7 @@ export const PlanMigrationForm = <
       initialValues={initValues}
       enableReinitialize
       onSubmit={onSubmit}
-      validationSchema={Validation.PLAN_MIRATION_FORM}
+      validationSchema={Validation.PLAN_MIGRATION_FORM}
     >
       <Form>
         <Box mt={2}>

webapp/src/ee/billing/administration/subscriptionPlans/migration/cloud/AdministrationCloudPlanMigrationCreate.tsx

@@ -4,10 +4,7 @@ import { T, useTranslate } from '@tolgee/react';
 import { DashboardPage } from 'tg.component/layout/DashboardPage';
 import { BaseAdministrationView } from 'tg.views/administration/components/BaseAdministrationView';
 import { LINKS } from 'tg.constants/links';
-import {
-  CreatePlanMigrationFormData,
-  PlanMigrationFormData,
-} from 'tg.ee.module/billing/administration/subscriptionPlans/components/migration/PlanMigrationForm';
+import { CreatePlanMigrationFormData } from 'tg.ee.module/billing/administration/subscriptionPlans/components/migration/PlanMigrationForm';
 import { useBillingApiMutation } from 'tg.service/http/useQueryApi';
 import React from 'react';
 import { useMessage } from 'tg.hooks/useSuccessMessage';
@@ -19,12 +16,10 @@ export const AdministrationCloudPlanMigrationCreate = () => {
   const messaging = useMessage();
   const history = useHistory();
 
-  const submit = (
-    values: CreatePlanMigrationFormData | PlanMigrationFormData
-  ) => {
+  const submit = (values: CreatePlanMigrationFormData) => {
     createPlanMigrationLoadable.mutate(
       {
-        content: { 'application/json': values as CreatePlanMigrationFormData },
+        content: { 'application/json': values },
       },
       {
         onSuccess: () => {

webapp/src/ee/billing/administration/subscriptionPlans/migration/cloud/AdministrationCloudPlanMigrationEdit.tsx

@@ -9,7 +9,7 @@ import { CloudPlanEditPlanMigrationForm } from 'tg.ee.module/billing/administrat
 export const AdministrationCloudPlanMigrationEdit = () => {
   const { t } = useTranslate();
   const match = useRouteMatch();
-  const migrationId = match.params[PARAMS.PLAN_MIGRATION_ID] as number;
+  const migrationId = Number(match.params[PARAMS.PLAN_MIGRATION_ID]);
   const [subscriptionsPage, setSubscriptionsPage] = useState(0);
 
   const migrations = useBillingApiQuery({

webapp/src/ee/billing/administration/subscriptionPlans/migration/selfhosted/AdministrationSelfHostedEePlanMigrationCreate.tsx

@@ -4,10 +4,7 @@ import { T, useTranslate } from '@tolgee/react';
 import { DashboardPage } from 'tg.component/layout/DashboardPage';
 import { BaseAdministrationView } from 'tg.views/administration/components/BaseAdministrationView';
 import { LINKS } from 'tg.constants/links';
-import {
-  CreatePlanMigrationFormData,
-  PlanMigrationFormData,
-} from 'tg.ee.module/billing/administration/subscriptionPlans/components/migration/PlanMigrationForm';
+import { CreatePlanMigrationFormData } from 'tg.ee.module/billing/administration/subscriptionPlans/components/migration/PlanMigrationForm';
 import { useBillingApiMutation } from 'tg.service/http/useQueryApi';
 import React from 'react';
 import { useMessage } from 'tg.hooks/useSuccessMessage';
@@ -19,12 +16,10 @@ export const AdministrationSelfHostedEePlanMigrationCreate = () => {
   const messaging = useMessage();
   const history = useHistory();
 
-  const submit = (
-    values: CreatePlanMigrationFormData | PlanMigrationFormData
-  ) => {
+  const submit = (values: CreatePlanMigrationFormData) => {
     createPlanMigrationLoadable.mutate(
       {
-        content: { 'application/json': values as CreatePlanMigrationFormData },
+        content: { 'application/json': values },
       },
       {
         onSuccess: () => {

webapp/src/ee/billing/administration/subscriptionPlans/migration/selfhosted/AdministrationSelfHostedEePlanMigrationEdit.tsx

@@ -9,7 +9,7 @@ import { useRouteMatch } from 'react-router-dom';
 export const AdministrationSelfHostedEePlanMigrationEdit = () => {
   const { t } = useTranslate();
   const match = useRouteMatch();
-  const migrationId = match.params[PARAMS.PLAN_MIGRATION_ID] as number;
+  const migrationId = Number(match.params[PARAMS.PLAN_MIGRATION_ID]);
   const [subscriptionsPage, setSubscriptionsPage] = useState(0);
   const migrations = useBillingApiQuery({
     url: '/v2/administration/billing/self-hosted-ee-plans/migration/{migrationId}',