fix(manager-react-components): fix bump ods 18 issues

ref: MANAGER-14622 Signed-off-by: Alex Boungnaseng <[email protected]>
ovh · Oct 10, 2024 · 1401539 · 1401539
1 parent d8e869f
commit 1401539
Show file tree

Hide file tree

Showing 14 changed files with 71 additions and 336 deletions.
diff --git a/packages/manager-react-components/src/components/container/step/Step.component.tsx b/packages/manager-react-components/src/components/container/step/Step.component.tsx
@@ -3,7 +3,6 @@ import { OdsButton, OdsIcon, OdsSpinner } from '@ovhcloud/ods-components/react';
 import { v4 as uuidV4 } from 'uuid';
 import {
   ODS_BUTTON_SIZE,
-  ODS_BUTTON_VARIANT,
   ODS_ICON_NAME,
   ODS_SPINNER_SIZE,
 } from '@ovhcloud/ods-components';

diff --git a/...es/manager-react-components/src/components/guides-header/guides-header.component.spec.tsx b/...es/manager-react-components/src/components/guides-header/guides-header.component.spec.tsx
@@ -1,4 +1,4 @@
-import { fireEvent, screen } from '@testing-library/react';
+import { fireEvent } from '@testing-library/react';
 import { GuidesHeader, GuidesHeaderProps } from './guides-header.component';
 import { render } from '../../utils/test.provider';
 

diff --git a/packages/manager-react-components/src/components/templates/base/base.component.tsx b/packages/manager-react-components/src/components/templates/base/base.component.tsx
@@ -38,7 +38,7 @@ export const BaseLayout = ({
       </div>
     )}
     {backLinkLabel && (onClickReturn || hrefPrevious) && (
-      <div className="mb-[24px]">
+      <div className="mb-[16px]">
         <Links
           data-testid="manager-back-link"
           onClickReturn={onClickReturn}
@@ -50,11 +50,11 @@ export const BaseLayout = ({
       </div>
     )}
     {description && (
-      <OdsText className="mb-[24px]" preset="span">
+      <OdsText className="mb-[16px]" preset="span">
         {description}
       </OdsText>
     )}
-    {message && <div className="mb-8">{message}</div>}
+    {message && <div className="mb-5 max-w-[800px]">{message}</div>}
     {subtitle && <Subtitle className="block mb-6">{subtitle}</Subtitle>}
     {subDescription && <OdsText preset="span">{subDescription}</OdsText>}
     <div className="mb-6">{tabs}</div>

diff --git a/packages/manager-react-components/src/components/templates/base/base.stories.tsx b/packages/manager-react-components/src/components/templates/base/base.stories.tsx
@@ -123,7 +123,6 @@ const dashboardTemplateProps = {
     title: 'Vrack Services',
     headerButton: <GuideButton items={guideItems} />,
   },
-  subtitle: '',
   backLinkLabel: 'Retour à la XXX',
   onClickReturn: () => {
     console.log('back link click');

diff --git a/...ager-react-components/src/components/templates/delete-modal/delete-service-modal.spec.tsx b/...ager-react-components/src/components/templates/delete-modal/delete-service-modal.spec.tsx
diff --git a/...ges/manager-react-components/src/components/templates/onboarding/onboarding.component.tsx b/...ges/manager-react-components/src/components/templates/onboarding/onboarding.component.tsx
@@ -82,6 +82,7 @@ export const OnboardingLayout: React.FC<OnboardingLayoutProps> = ({
           {(img?.src || placeholderSrc) && (
             <div className="flex justify-center pt-8 max-h-28 w-full">
               <img
+                {...imgProps}
                 className="max-h-[150px]"
                 src={img?.src ?? placeholderSrc}
                 alt=""

diff --git a/...ager-react-components/src/components/templates/update-name-modal/update-iam-name.spec.tsx b/...ager-react-components/src/components/templates/update-name-modal/update-iam-name.spec.tsx
diff --git a/...er-react-components/src/components/templates/update-name-modal/update-name-modal.spec.tsx b/...er-react-components/src/components/templates/update-name-modal/update-name-modal.spec.tsx
diff --git a/packages/manager-react-components/src/enumTypes/playwright.ts b/packages/manager-react-components/src/enumTypes/playwright.ts
@@ -0,0 +1,23 @@
+export type Handler<T = any> = {
+  url: string;
+  response?: T;
+  headers?: HeadersInit;
+  statusText?: string;
+  type?: ResponseType;
+  responseText?: string;
+  delay?: number;
+  method?:
+    | 'get'
+    | 'post'
+    | 'put'
+    | 'delete'
+    | 'all'
+    | 'head'
+    | 'options'
+    | 'patch';
+  status?: number;
+  api?: 'v2' | 'v6' | 'aapi' | 'ws';
+  baseUrl?: string;
+  disabled?: boolean;
+  once?: boolean;
+};
diff --git a/packages/manager/apps/container/package.json b/packages/manager/apps/container/package.json
@@ -32,6 +32,7 @@
     "@ovh-ux/manager-config": "^7.4.0",
     "@ovh-ux/manager-core-api": "^0.8.0",
     "@ovh-ux/manager-react-components": "^1.37.0",
+    "@ovh-ux/manager-react-shell-client": "^0.7.2",
     "@ovh-ux/manager-vite-config": "^0.8.0",
     "@ovh-ux/ovh-payment-method": "^0.5.0",
     "@ovh-ux/ovh-product-icons": "^0.6.0",