feat(ui): update what's new content for 0.12.1 (#7873)

* feat(ui): update what's new content for 0.12.1

* fix cypress failure

openmetadata-ui/src/main/resources/ui/cypress/support/commands.js

@@ -63,9 +63,9 @@ Cypress.Commands.add('loginByGoogleApi', () => {
 });
 
 Cypress.Commands.add('goToHomePage', () => {
-  cy.get('[data-testid="WhatsNewModalFeatures"]').should('be.visible');
+  cy.get('[data-testid="whats-new-dialog"]').should('be.visible');
   cy.get('[data-testid="closeWhatsNew"]').click();
-  cy.get('[data-testid="WhatsNewModalFeatures"]').should('not.exist');
+  cy.get('[data-testid="whats-new-dialog"]').should('not.exist');
 });
 
 Cypress.Commands.add('clickOnLogo', () => {

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/index.tsx

@@ -13,7 +13,7 @@
 
 import classNames from 'classnames';
 import { CookieStorage } from 'cookie-storage';
-import React, { FunctionComponent, useState } from 'react';
+import React, { FunctionComponent, useEffect, useState } from 'react';
 import ChangeLogs from './ChangeLogs';
 import FeaturesCarousel from './FeaturesCarousel';
 import { COOKIE_VERSION, LATEST_VERSION_ID, WHATS_NEW } from './whatsNewData';
@@ -59,8 +59,17 @@ export const WhatsNewModal: FunctionComponent<Props> = ({
     onCancel();
   };
 
+  useEffect(() => {
+    const hasFeatures = activeData.features.length > 0;
+    if (hasFeatures) {
+      setCheckedValue('features');
+    } else {
+      setCheckedValue('change-log');
+    }
+  }, [activeData]);
+
   return (
-    <dialog className="tw-modal">
+    <dialog className="tw-modal" data-testid="whats-new-dialog">
       <div className="tw-modal-backdrop" />
       <div
         className="tw-modal-container tw-pb-0"
@@ -136,13 +145,19 @@ export const WhatsNewModal: FunctionComponent<Props> = ({
                     </p>
                   </div>
                   <div>
-                    <div className="tw-w-60 tw-inline-flex tw-border tw-border-primary tw-text-sm tw-rounded-md tw-h-8 tw-bg-white">
-                      <button
-                        className={getToggleButtonClasses('features')}
-                        data-testid="WhatsNewModalFeatures"
-                        onClick={() => handleToggleChange('features')}>
-                        Features
-                      </button>
+                    <div
+                      className={classNames(
+                        'tw-inline-flex tw-border tw-border-primary tw-text-sm tw-rounded-md tw-h-8 tw-bg-white',
+                        { 'tw-w-60': activeData.features.length > 0 }
+                      )}>
+                      {activeData.features.length > 0 && (
+                        <button
+                          className={getToggleButtonClasses('features')}
+                          data-testid="WhatsNewModalFeatures"
+                          onClick={() => handleToggleChange('features')}>
+                          Features
+                        </button>
+                      )}
                       <button
                         className={getToggleButtonClasses('change-log')}
                         data-testid="WhatsNewModalChangeLogs"
@@ -155,9 +170,10 @@ export const WhatsNewModal: FunctionComponent<Props> = ({
                   </div>
                 </div>
                 <div>
-                  {checkedValue === 'features' && (
-                    <FeaturesCarousel data={activeData.features} />
-                  )}
+                  {checkedValue === 'features' &&
+                    activeData.features.length > 0 && (
+                      <FeaturesCarousel data={activeData.features} />
+                    )}
                   {checkedValue === 'change-log' && (
                     <ChangeLogs
                       data={

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/whatsNewData.ts

@@ -13,9 +13,9 @@
 
 /* eslint-disable max-len */
 
-export const LATEST_VERSION_ID = 8;
+export const LATEST_VERSION_ID = 9;
 
-export const COOKIE_VERSION = 'VERSION_0_12_0'; // To be changed with each release.
+export const COOKIE_VERSION = 'VERSION_0_12_1'; // To be changed with each release.
 
 // for youtube video make isImage = false and path = {video embed id}
 // embed:- youtube video => share => click on embed and take {url with id} from it
@@ -531,4 +531,21 @@ export const WHATS_NEW = [
 -   The [OpenMetadata documentation](https://docs.open-metadata.org) site has been revamped.`,
     },
   },
+  {
+    id: 9,
+    version: 'v0.12.1',
+    description: 'Released on 3 October 2022.',
+    features: [],
+    changeLogs: {
+      'Basic Authentication': `- User/Password signup and login
+- Email notifications for forgot password
+- Admin can add new users and send an email`,
+      'ElasticSearch Full Re-index Through UI': `- Now admins can fully re-index elasticsearch through the UI.`,
+
+      'Versioning Support For Custom Attributes': `- Any changes to entities custom attributes are now versioned.`,
+      'DBT Metadata - Tag': `- We support ingesting DBT tags into OpenMetadata.`,
+      'Bots Integration': `- Admins can create bots and their security mechanism from UI.`,
+      'Bug Fixes': `- Around 136 Features/Bug fixes/improvements/Tests made it into 0.12.1 release.`,
+    },
+  },
 ];