chore: release schedule on subscription update

Author: dkrizan

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

@@ -165,7 +165,10 @@ export const AdministrationCloudPlanMigrationEdit = () => {
                 })}
               </TableCell>
               <TableCell>
-                <PlanMigrationStatus status={item.status} />
+                <PlanMigrationStatus
+                  status={item.status}
+                  date={item.finalizedAt}
+                />
               </TableCell>
             </TableRow>
           )}

webapp/src/ee/billing/administration/subscriptionPlans/migration/general/PlanMigrationStatus.tsx

@@ -1,11 +1,13 @@
 import { components } from 'tg.service/billingApiSchema.generated';
-import { Chip } from '@mui/material';
+import { Chip, Tooltip } from '@mui/material';
 import { useTranslate } from '@tolgee/react';
+import { useDateFormatter } from 'tg.hooks/useLocale';
 
 type Status = components['schemas']['PlanMigrationHistoryModel']['status'];
 
 type Props = {
   status: Status;
+  date?: number;
 };
 
 const colors = {
@@ -17,9 +19,24 @@ const translates = {
   SCHEDULED: 'administration_plan_migration_status_scheduled',
 };
 
-export const PlanMigrationStatus = ({ status }: Props) => {
+export const PlanMigrationStatus = ({ status, date }: Props) => {
   const { t } = useTranslate();
-  return (
+  const formatDate = useDateFormatter();
+
+  const chip = (
     <Chip label={t(translates[status])} color={colors[status] || 'default'} />
   );
+  return date ? (
+    <Tooltip
+      title={formatDate(date, {
+        timeZone: 'UTC',
+        dateStyle: 'short',
+        timeStyle: 'short',
+      })}
+    >
+      {chip}
+    </Tooltip>
+  ) : (
+    chip
+  );
 };

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

@@ -166,7 +166,10 @@ export const AdministrationSelfHostedEePlanMigrationEdit = () => {
                 })}
               </TableCell>
               <TableCell>
-                <PlanMigrationStatus status={item.status} />
+                <PlanMigrationStatus
+                  status={item.status}
+                  date={item.finalizedAt}
+                />
               </TableCell>
             </TableRow>
           )}