Change Wazuh logo and titles (#3)

* Change Wazuh logo and titles * Don't force custom logo to have 100% width * Add comment * Fix lint * Fix prettier * Update snapshots --------- Signed-off-by: Ian Yenien Serrano <[email protected]> Co-authored-by: yenienserrano <[email protected]> Co-authored-by: Ian Yenien Serrano <[email protected]>
wazuh · Jun 12, 2023 · 253e700 · 253e700
1 parent fd31852
commit 253e700
Show file tree

Hide file tree

Showing 4 changed files with 64 additions and 36 deletions.
diff --git a/public/apps/login/login-page.tsx b/public/apps/login/login-page.tsx
@@ -28,7 +28,7 @@ import {
 } from '@elastic/eui';
 import { CoreStart } from '../../../../../src/core/public';
 import { ClientConfigType } from '../../types';
-import defaultBrandImage from '../../assets/opensearch_logo_h.svg';
+import defaultBrandImage from '../../assets/ui/wazuh_logo.svg';
 import { validateCurrentPassword } from '../../utils/login-utils';
 import {
   ANONYMOUS_AUTH_LOGIN,
@@ -240,23 +240,19 @@ export function LoginPage(props: LoginPageDeps) {
   };
 
   // TODO: Get brand image from server config
+  // Don't force custom logo to have 100% width. It should be handled in the svg properties if needed. (Removed fullWidth in the image)
   return (
     <EuiListGroup className="login-wrapper">
       {props.config.ui.basicauth.login.showbrandimage && (
-        <EuiImage
-          size="fullWidth"
-          alt=""
-          url={props.config.ui.basicauth.login.brandimage || defaultBrandImage}
-        />
+        <EuiImage alt="" url={props.config.ui.basicauth.login.brandimage || defaultBrandImage} />
       )}
       <EuiSpacer size="s" />
       <EuiText size="m" textAlign="center">
-        {props.config.ui.basicauth.login.title || 'Log in to OpenSearch Dashboards'}
+        {props.config.ui.basicauth.login.title || ''}
       </EuiText>
       <EuiSpacer size="s" />
       <EuiText size="s" textAlign="center">
-        {props.config.ui.basicauth.login.subtitle ||
-          'If you have forgotten your username or password, contact your system administrator.'}
+        {props.config.ui.basicauth.login.subtitle || ''}
       </EuiText>
       <EuiSpacer size="s" />
       <EuiForm component="form">

diff --git a/public/apps/login/test/__snapshots__/login-page.test.tsx.snap b/public/apps/login/test/__snapshots__/login-page.test.tsx.snap
@@ -6,7 +6,6 @@ exports[`Login page renders renders with config value for multiauth 1`] = `
 >
   <EuiImage
     alt=""
-    size="fullWidth"
     url="http://localhost:5601/images/test.png"
   />
   <EuiSpacer
@@ -159,7 +158,6 @@ exports[`Login page renders renders with config value: string 1`] = `
 >
   <EuiImage
     alt=""
-    size="fullWidth"
     url="http://localhost:5601/images/test.png"
   />
   <EuiSpacer
@@ -262,7 +260,6 @@ exports[`Login page renders renders with config value: string array 1`] = `
 >
   <EuiImage
     alt=""
-    size="fullWidth"
     url="http://localhost:5601/images/test.png"
   />
   <EuiSpacer
@@ -365,7 +362,6 @@ exports[`Login page renders renders with default value: string 1`] = `
 >
   <EuiImage
     alt=""
-    size="fullWidth"
     url="test-file-stub"
   />
   <EuiSpacer
@@ -374,18 +370,14 @@ exports[`Login page renders renders with default value: string 1`] = `
   <EuiText
     size="m"
     textAlign="center"
-  >
-    Log in to OpenSearch Dashboards
-  </EuiText>
+  />
   <EuiSpacer
     size="s"
   />
   <EuiText
     size="s"
     textAlign="center"
-  >
-    If you have forgotten your username or password, contact your system administrator.
-  </EuiText>
+  />
   <EuiSpacer
     size="s"
   />
@@ -468,7 +460,6 @@ exports[`Login page renders renders with default value: string array 1`] = `
 >
   <EuiImage
     alt=""
-    size="fullWidth"
     url="test-file-stub"
   />
   <EuiSpacer
@@ -477,18 +468,14 @@ exports[`Login page renders renders with default value: string array 1`] = `
   <EuiText
     size="m"
     textAlign="center"
-  >
-    Log in to OpenSearch Dashboards
-  </EuiText>
+  />
   <EuiSpacer
     size="s"
   />
   <EuiText
     size="s"
     textAlign="center"
-  >
-    If you have forgotten your username or password, contact your system administrator.
-  </EuiText>
+  />
   <EuiSpacer
     size="s"
   />