Addressing service page changes (#2421)

* Addressing service page changes

* Reverting unnecessary change

* Minor change

openmetadata-ui/src/main/resources/ui/src/axiosAPIs/airflowPipelineAPI.ts

@@ -24,7 +24,7 @@ export const getAirflowPipelines = (
   serviceFilter?: string,
   paging?: string
 ): Promise<AxiosResponse> => {
-  const service = `"service="${serviceFilter}`;
+  const service = `service=${serviceFilter}`;
   const url = `${getURLWithQueryFields(
     '/airflowPipeline',
     arrQueryFields,

openmetadata-ui/src/main/resources/ui/src/components/Ingestion/Ingestion.component.tsx

@@ -15,13 +15,7 @@ import classNames from 'classnames';
 import cronstrue from 'cronstrue';
 import { capitalize, isNil, lowerCase } from 'lodash';
 import React, { Fragment, useCallback, useState } from 'react';
-import { Link } from 'react-router-dom';
+import { TITLE_FOR_NON_ADMIN_ACTION } from '../../constants/constants';
-import {
-  getServiceDetailsPath,
-  TITLE_FOR_NON_ADMIN_ACTION,
-} from '../../constants/constants';
-import { NoDataFoundPlaceHolder } from '../../constants/services.const';
-import { ServiceCategory } from '../../enums/service.enum';
 import {
   AirflowPipeline,
   ConfigObject,
@@ -42,6 +36,7 @@ import { Props } from './ingestion.interface';
 
 const Ingestion: React.FC<Props> = ({
   serviceType = '',
+  serviceName,
   ingestionList,
   serviceList,
   deleteIngestion,
@@ -183,13 +178,6 @@ const Ingestion: React.FC<Props> = ({
     setIsConfirmationModalOpen(true);
   };
 
-  const getServiceTypeFromName = (serviceName = ''): string => {
-    return (
-      serviceList.find((service) => service.name === serviceName)
-        ?.serviceType || ''
-    );
-  };
-
   const getSearchedIngestions = useCallback(() => {
     const sText = lowerCase(searchText);
 
@@ -290,7 +278,6 @@ const Ingestion: React.FC<Props> = ({
                 <tr className="tableHead-row" data-testid="table-header">
                   <th className="tableHead-cell">Name</th>
                   <th className="tableHead-cell">Type</th>
-                  <th className="tableHead-cell">Service</th>
                   <th className="tableHead-cell">Schedule</th>
                   <th className="tableHead-cell">Recent Runs</th>
                   {/* <th className="tableHead-cell">Next Run</th> */}
@@ -307,17 +294,6 @@ const Ingestion: React.FC<Props> = ({
                     key={index}>
                     <td className="tableBody-cell">{ingestion.name}</td>
                     <td className="tableBody-cell">{ingestion.pipelineType}</td>
-                    <td className="tableBody-cell">
-                      <Link
-                        to={getServiceDetailsPath(
-                          ingestion.service.name as string,
-                          getServiceTypeFromName(ingestion.service.name),
-                          // TODO: Add logic below to select service-cat if necessary
-                          ServiceCategory.DATABASE_SERVICES
-                        )}>
-                        {ingestion.service.name}
-                      </Link>
-                    </td>
                     <td className="tableBody-cell">
                       <PopOver
                         html={
@@ -414,9 +390,6 @@ const Ingestion: React.FC<Props> = ({
         ) : (
           <div className="tw-flex tw-items-center tw-flex-col">
             <div className="tw-mt-24">
-              <img alt="No Service" src={NoDataFoundPlaceHolder} width={250} />
-            </div>
-            <div className="tw-mt-11">
               <p className="tw-text-lg tw-text-center">
                 {`No ingestion workflows found ${
                   searchText ? `for "${searchText}"` : ''
@@ -436,7 +409,7 @@ const Ingestion: React.FC<Props> = ({
           ingestionList={ingestionList}
           ingestionTypes={getAirflowPipelineTypeOption()}
           name=""
-          service=""
+          service={serviceName}
           serviceList={serviceList.map((s) => ({
             name: s.name,
             serviceType: s.serviceType,
@@ -452,6 +425,7 @@ const Ingestion: React.FC<Props> = ({
           ingestionList={ingestionList}
           ingestionTypes={getAirflowPipelineTypes(serviceType) || []}
           selectedIngestion={updateSelection.ingestion}
+          service={serviceName}
           serviceList={serviceList.map((s) => ({
             name: s.name,
             serviceType: s.serviceType,

openmetadata-ui/src/main/resources/ui/src/components/Ingestion/ingestion.interface.ts

@@ -50,6 +50,7 @@ export interface IngestionData {
 
 export interface Props {
   serviceType?: string;
+  serviceName?: string;
   paging: Paging;
   ingestionList: Array<AirflowPipeline>;
   serviceList: Array<DatabaseService>;

openmetadata-ui/src/main/resources/ui/src/components/IngestionModal/IngestionModal.component.tsx

@@ -27,7 +27,6 @@ import {
   getCurrentUserId,
   getSeparator,
 } from '../../utils/CommonUtils';
-import { getIngestionTypeList } from '../../utils/ServiceUtils';
 import SVGIcons from '../../utils/SvgUtils';
 import { Button } from '../buttons/Button/Button';
 import CronEditor from '../common/CronEditor/CronEditor';
@@ -87,10 +86,6 @@ const PreviewSection = ({
   );
 };
 
-const getServiceName = (service: string) => {
-  return service.split('$$').splice(1).join('$$');
-};
-
 const getIngestionName = (name: string) => {
   const nameString = name.trim().replace(/\s+/g, '_');
 
@@ -100,7 +95,7 @@ const getIngestionName = (name: string) => {
 const IngestionModal: React.FC<IngestionModalProps> = ({
   isUpdating,
   header,
-  serviceList = [], // TODO: remove default assignment after resolving prop validation warning
+  service,
   ingestionTypes,
   ingestionList,
   onCancel,
@@ -121,14 +116,11 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
   );
 
   const [ingestionName, setIngestionName] = useState<string>(
-    selectedIngestion?.name || ''
+    selectedIngestion?.name || service || ''
   );
   const [ingestionType, setIngestionType] = useState<string>(
     selectedIngestion?.pipelineType || ''
   );
-  const [ingestionService, setIngestionService] = useState<string>(
-    selectedIngestion?.service.name || ''
-  );
   const [pipelineConfig] = useState(
     (selectedIngestion?.pipelineConfig.config || {}) as ConfigObject
   );
@@ -171,16 +163,6 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
     isPipelineNameExists: false,
   });
 
-  const isPipelineExists = () => {
-    return ingestionList.some(
-      (i) =>
-        i.service.name === getServiceName(ingestionService) &&
-        i.pipelineType === ingestionType &&
-        i.service.name !== selectedIngestion?.name &&
-        i.service.displayName === selectedIngestion?.pipelineType
-    );
-  };
-
   const isPipeLineNameExists = () => {
     return ingestionList.some(
       (i) =>
@@ -196,17 +178,9 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
     const name = event.target.name;
 
     switch (name) {
-      case 'name':
-        setIngestionName(value);
-
-        break;
-      case 'selectService':
-        setIngestionService(value);
-        setIngestionType('');
-
-        break;
       case 'ingestionType':
         setIngestionType(value);
+        setIngestionName(`${service}_${value}`);
 
         break;
 
@@ -228,28 +202,14 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
     let isValid = false;
     switch (activeStep) {
       case 1:
-        isValid = Boolean(
+        isValid = Boolean(ingestionName && ingestionType);
-          ingestionName && ingestionType && !isPipelineExists()
-        );
         setShowErrorMsg({
           ...showErrorMsg,
           name: !ingestionName,
           ingestionType: !ingestionType,
-          selectService: !ingestionService,
         });
 
         break;
-      // case 2:
-      //   isValid = Boolean(username && password && host && database);
-      //   setShowErrorMsg({
-      //     ...showErrorMsg,
-      //     username: !username,
-      //     password: !password,
-      //     host: !host,
-      //     database: !database,
-      //   });
-
-      //   break;
       case 2:
         isValid = Boolean(ingestionSchedule);
         setShowErrorMsg({
@@ -267,91 +227,6 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
 
   const getActiveStepFields = (activeStep: number) => {
     switch (activeStep) {
-      case 10:
-        return (
-          <Fragment>
-            <Field>
-              <label className="tw-block" htmlFor="name">
-                {requiredField('Name:')}
-              </label>
-              <input
-                className={classNames('tw-form-inputs tw-px-3 tw-py-1', {
-                  'tw-cursor-not-allowed': isUpdating,
-                })}
-                data-testid="name"
-                id="name"
-                name="name"
-                placeholder="Ingestion name"
-                readOnly={isUpdating}
-                type="text"
-                value={ingestionName}
-                onChange={handleValidation}
-              />
-              {showErrorMsg.name && errorMsg('Ingestion Name is required')}
-              {showErrorMsg.isPipelineNameExists &&
-                errorMsg(`Ingestion with similar name already exists.`)}
-            </Field>
-
-            <Field>
-              <label className="tw-block" htmlFor="selectService">
-                {requiredField('Select Service:')}
-              </label>
-              <select
-                className={classNames('tw-form-inputs tw-px-3 tw-py-1', {
-                  'tw-cursor-not-allowed': isUpdating,
-                })}
-                data-testid="select-service"
-                disabled={isUpdating}
-                id="selectService"
-                name="selectService"
-                value={ingestionService}
-                onChange={handleValidation}>
-                <option value="">Select Service</option>
-                {serviceList.map((service, index) => (
-                  <option
-                    key={index}
-                    value={`${service.serviceType}$$${service.name}`}>
-                    {service.name}
-                  </option>
-                ))}
-              </select>
-              {showErrorMsg.selectService && errorMsg('Service is required')}
-            </Field>
-            <Field>
-              <label className="tw-block " htmlFor="ingestionType">
-                {requiredField('Type of ingestion:')}
-              </label>
-              <select
-                className={classNames('tw-form-inputs tw-px-3 tw-py-1', {
-                  'tw-cursor-not-allowed': !ingestionService,
-                })}
-                data-testid="ingestion-type"
-                disabled={!ingestionService || isUpdating}
-                id="ingestionType"
-                name="ingestionType"
-                value={ingestionType}
-                onChange={handleValidation}>
-                <option value="">Select ingestion type</option>
-                {(
-                  getIngestionTypeList(ingestionService?.split('$$')?.[0]) || []
-                ).map((service, index) => (
-                  <option key={index} value={service}>
-                    {service}
-                  </option>
-                ))}
-              </select>
-              {showErrorMsg.ingestionType &&
-                errorMsg('Ingestion Type is required')}
-              {showErrorMsg.isPipelineExists &&
-                errorMsg(
-                  `Ingestion with service ${getServiceName(
-                    ingestionService
-                  )} and ingestion-type ${ingestionType} already exists `
-                )}
-            </Field>
-          </Fragment>
-        );
-
       case 1:
         return (
           <Fragment>
@@ -360,17 +235,16 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
                 {requiredField('Name:')}
               </label>
               <input
-                className={classNames('tw-form-inputs tw-px-3 tw-py-1', {
+                disabled
-                  'tw-cursor-not-allowed': isUpdating,
+                className={classNames(
-                })}
+                  'tw-form-inputs tw-px-3 tw-py-1 tw-cursor-not-allowed'
+                )}
                 data-testid="name"
                 id="name"
                 name="name"
                 placeholder="Ingestion name"
-                readOnly={isUpdating}
                 type="text"
                 value={ingestionName}
-                onChange={handleValidation}
               />
               {showErrorMsg.name && errorMsg('Ingestion Name is required')}
               {showErrorMsg.isPipelineNameExists &&
@@ -400,12 +274,6 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
               </select>
               {showErrorMsg.ingestionType &&
                 errorMsg('Ingestion Type is required')}
-              {showErrorMsg.isPipelineExists &&
-                errorMsg(
-                  `Ingestion with service ${getServiceName(
-                    ingestionService
-                  )} and ingestion-type ${ingestionType} already exists `
-                )}
             </Field>
 
             <Field>
@@ -679,27 +547,6 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
   };
 
   const onSaveHandler = (triggerIngestion = false) => {
-    // const ingestionData = {
-    //   ingestionType: ingestionType,
-    //   displayName: ingestionName,
-    //   name: getIngestionName(ingestionName),
-    //   service: { name: getServiceName(ingestionService), id: '', type: '' },
-    //   startDate: startDate || getCurrentDate(),
-    //   endDate: endDate || '',
-    //   scheduleInterval: ingestionSchedule,
-    //   forceDeploy: true,
-    //   connectorConfig: {
-    //     database: database,
-    //     enableDataProfiler: excludeDataProfiler,
-    //     excludeFilterPattern: excludeFilterPattern,
-    //     host: host,
-    //     includeFilterPattern: includeFilterPattern,
-    //     includeViews: includeViews,
-    //     password: password,
-    //     username: username,
-    //   },
-    // };
-
     const ingestionObj: AirflowPipeline = {
       name: ingestionName,
       pipelineConfig: {
@@ -762,7 +609,7 @@ const IngestionModal: React.FC<IngestionModalProps> = ({
       // isPipelineExists: isPipelineExists(),
       isPipelineNameExists: isPipeLineNameExists(),
     });
-  }, [ingestionType, ingestionService, ingestionName]);
+  }, [ingestionType, ingestionName]);
 
   useEffect(() => {
     if (endDate) {

openmetadata-ui/src/main/resources/ui/src/components/Modals/AddServiceModal/AddServiceModal.tsx

@@ -23,6 +23,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
+import { ONLY_NUMBER_REGEX } from '../../../constants/constants';
 import { serviceTypes } from '../../../constants/services.const';
 import {
   DashboardServiceType,
@@ -37,6 +38,7 @@ import {
 import { DatabaseService } from '../../../generated/entity/services/databaseService';
 import { MessagingService } from '../../../generated/entity/services/messagingService';
 import { PipelineService } from '../../../generated/entity/services/pipelineService';
+import { PipelineType } from '../../../generated/operations/pipelines/airflowPipeline';
 import { useAuth } from '../../../hooks/authHooks';
 import {
   errorMsg,
@@ -146,6 +148,7 @@ type ErrorMsg = {
   selectService: boolean;
   name: boolean;
   url?: boolean;
+  port?: boolean;
   driverClass?: boolean;
   broker?: boolean;
   dashboardUrl?: boolean;
@@ -296,7 +299,12 @@ export const AddServiceModal: FunctionComponent<Props> = ({
   const [existingNames] = useState(generateName(serviceList));
   const [selectService, setSelectService] = useState(data?.serviceType || '');
   const [name, setName] = useState(data?.name || '');
-  const [url, setUrl] = useState(data?.databaseConnection?.hostPort || '');
+  const [url, setUrl] = useState(
+    data?.databaseConnection?.hostPort.split(':')[0] || ''
+  );
+  const [port, setPort] = useState(
+    data?.databaseConnection?.hostPort.split(':')[1] || ''
+  );
   const [database, setDatabase] = useState(
     data?.databaseConnection?.database || ''
   );
@@ -329,6 +337,7 @@ export const AddServiceModal: FunctionComponent<Props> = ({
     selectService: false,
     name: false,
     url: false,
+    port: false,
     driverClass: false,
     broker: false,
     dashboardUrl: false,
@@ -386,6 +395,14 @@ export const AddServiceModal: FunctionComponent<Props> = ({
 
       case 'name':
         setName(value);
+        setIngestionTypeList(
+          ingestionTypeList?.map((d) => {
+            return {
+              ...d,
+              ingestionName: `${value}_${PipelineType.Metadata}`,
+            };
+          })
+        );
 
         break;
 
@@ -394,6 +411,13 @@ export const AddServiceModal: FunctionComponent<Props> = ({
 
         break;
 
+      case 'port':
+        if (ONLY_NUMBER_REGEX.test(value) || value === '') {
+          setPort(value);
+        }
+
+        break;
+
       default:
         break;
     }
@@ -452,7 +476,7 @@ export const AddServiceModal: FunctionComponent<Props> = ({
           dataObj = {
             ...dataObj,
             databaseConnection: {
-              hostPort: url,
+              hostPort: `${url}:${port}`,
               connectionArguments: getKeyValueObject(connectionArguments),
               connectionOptions: getKeyValueObject(connectionOptions),
               database: database,
@@ -556,7 +580,7 @@ export const AddServiceModal: FunctionComponent<Props> = ({
                     generateSampleData: value.ingestSampleData,
                     enableDataProfiler: value.enableDataProfiler,
                     schemaFilterPattern:
-                      !isEmpty(schemaIncludePattern) &&
+                      !isEmpty(schemaIncludePattern) ||
                       !isEmpty(schemaExcludePattern)
                         ? {
                             includes: !isEmpty(schemaIncludePattern)
@@ -572,7 +596,7 @@ export const AddServiceModal: FunctionComponent<Props> = ({
                           }
                         : undefined,
                     tableFilterPattern:
-                      !isEmpty(tableIncludePattern) &&
+                      !isEmpty(tableIncludePattern) ||
                       !isEmpty(tableExcludePattern)
                         ? {
                             includes: !isEmpty(tableIncludePattern)
@@ -625,10 +649,11 @@ export const AddServiceModal: FunctionComponent<Props> = ({
           setMsg = {
             ...setMsg,
             url: !url,
+            port: !port,
           };
         }
 
-        isValid = Boolean(url);
+        isValid = Boolean(url && port);
 
         break;
       case ServiceCategory.MESSAGING_SERVICES:
@@ -759,21 +784,37 @@ export const AddServiceModal: FunctionComponent<Props> = ({
     return (
       <>
         <div className="tw-mt-4 tw-grid tw-grid-cols-3 tw-gap-2 ">
-          <div className="tw-col-span-3">
+          <div className="tw-col-span-2">
             <label className="tw-block tw-form-label" htmlFor="url">
-              {requiredField('Host Port:')}
+              {requiredField('Host:')}
             </label>
             <input
               className="tw-form-inputs tw-px-3 tw-py-1"
               data-testid="url"
               id="url"
               name="url"
-              placeholder="http(s)://hostname:port"
+              placeholder="hostname"
               type="text"
               value={url}
               onChange={handleValidation}
             />
-            {showErrorMsg.url && errorMsg('Host port is required')}
+            {showErrorMsg.url && errorMsg('Host name is required')}
+          </div>
+          <div className="">
+            <label className="tw-block tw-form-label" htmlFor="port">
+              {requiredField('Port:')}
+            </label>
+            <input
+              className="tw-form-inputs tw-px-3 tw-py-1"
+              data-testid="port"
+              id="port"
+              name="port"
+              placeholder="port"
+              type="text"
+              value={port}
+              onChange={handleValidation}
+            />
+            {showErrorMsg.port && errorMsg('Port is required')}
           </div>
         </div>
         <Field>
@@ -1271,9 +1312,13 @@ export const AddServiceModal: FunctionComponent<Props> = ({
       case ServiceCategory.DATABASE_SERVICES:
         data = [
           {
-            key: 'Host Port',
+            key: 'Host',
             value: url,
           },
+          {
+            key: 'Port',
+            value: port,
+          },
         ];
 
         if (username) {
@@ -1553,7 +1598,7 @@ export const AddServiceModal: FunctionComponent<Props> = ({
         if (ingestionTypeList) {
           let noErrorListCount = 0;
           const newFormValue = ingestionTypeList.map((value) => {
-            if (isEmpty(value.ingestionName)) {
+            if (isEmpty(value.ingestionName) && value.isIngestionActive) {
               isValid = false;
 
               return {
@@ -1707,11 +1752,9 @@ export const AddServiceModal: FunctionComponent<Props> = ({
                         {requiredField('Ingestion name:')}
                       </label>
                       <input
+                        disabled
                         className={classNames(
-                          'tw-form-inputs tw-px-3 tw-py-1',
+                          'tw-form-inputs tw-px-3 tw-py-1 tw-cursor-not-allowed'
-                          {
-                            'tw-cursor-not-allowed': false,
-                          }
                         )}
                         data-testid="ingestionName"
                         id="ingestionName"
@@ -1719,18 +1762,11 @@ export const AddServiceModal: FunctionComponent<Props> = ({
                         placeholder="Ingestion name"
                         type="text"
                         value={type.ingestionName}
-                        onChange={(e) => {
-                          const newFormValues = [...ingestionTypeList];
-                          newFormValues[id].ingestionName = e.target.value;
-                          newFormValues[id].showError = Boolean(e.target.value);
-                          setIngestionTypeList(newFormValues);
-                        }}
                       />
                       {type.showError &&
+                        type.isIngestionActive &&
                         isEmpty(type.ingestionName) &&
                         errorMsg('Ingestion Name is required')}
-                      {/* {showErrorMsg.isPipelineNameExists &&
-                        errorMsg(`Ingestion with similar name already exists.`)} */}
                     </Field>
                     <Field>
                       {getSeparator('Table Filter Pattern')}
@@ -1994,9 +2030,9 @@ export const AddServiceModal: FunctionComponent<Props> = ({
 
               {Boolean(ingestionTypeList && ingestionTypeList.length) && (
                 <Fragment>
-                  {ingestionTypeList?.map((value) => {
+                  {ingestionTypeList?.map((value, i) => {
                     return value.isIngestionActive ? (
-                      <>
+                      <Fragment key={i}>
                         <PreviewSection
                           className="tw-mb-4 tw-mt-4"
                           data={[
@@ -2082,10 +2118,8 @@ export const AddServiceModal: FunctionComponent<Props> = ({
                             header="Schema Filter Patterns"
                           />
                         )}
-                      </>
+                      </Fragment>
-                    ) : (
+                    ) : null;
-                      <></>
-                    );
                   })}
                 </Fragment>
               )}

openmetadata-ui/src/main/resources/ui/src/components/common/description/Description.tsx

@@ -39,7 +39,7 @@ const Description = ({
   owner,
   hasEditAccess,
   onDescriptionEdit,
-  description,
+  description = '',
   isEdit,
   onCancel,
   onDescriptionUpdate,

openmetadata-ui/src/main/resources/ui/src/constants/constants.ts

@@ -51,6 +51,8 @@ const PLACEHOLDER_ROUTE_ENTITY_FQN = ':entityFQN';
 
 export const pagingObject = { after: '', before: '' };
 
+export const ONLY_NUMBER_REGEX = /^[0-9\b]+$/;
+
 /* eslint-disable @typescript-eslint/camelcase */
 export const tiers = [
   { key: 'Tier.Tier1', doc_count: 0 },

openmetadata-ui/src/main/resources/ui/src/pages/service/index.tsx

@@ -65,7 +65,6 @@ import { EntityReference } from '../../generated/type/entityReference';
 import useToastContext from '../../hooks/useToastContext';
 import { isEven } from '../../utils/CommonUtils';
 import {
-  getFrequencyTime,
   getIsIngestionEnable,
   getServiceCategoryFromType,
   serviceTypeLogo,
@@ -108,9 +107,23 @@ const ServicePage: FunctionComponent = () => {
   const [ingestionPaging, setIngestionPaging] = useState<Paging>({} as Paging);
   const showToast = useToastContext();
 
+  const getCountLabel = () => {
+    switch (serviceName) {
+      case ServiceCategory.DASHBOARD_SERVICES:
+        return 'Dashboards';
+      case ServiceCategory.MESSAGING_SERVICES:
+        return 'Topics';
+      case ServiceCategory.PIPELINE_SERVICES:
+        return 'Pipelines';
+      case ServiceCategory.DATABASE_SERVICES:
+      default:
+        return 'Databases';
+    }
+  };
+
   const tabs = [
     {
-      name: 'Database',
+      name: getCountLabel(),
       icon: {
         alt: 'schema',
         name: 'icon-database',
@@ -119,6 +132,7 @@ const ServicePage: FunctionComponent = () => {
       },
       isProtected: false,
       position: 1,
+      count: instanceCount,
     },
     {
       name: 'Ingestions',
@@ -131,6 +145,7 @@ const ServicePage: FunctionComponent = () => {
       isHidden: !isIngestionEnable,
       isProtected: false,
       position: 2,
+      count: ingestions.length,
     },
   ];
 
@@ -152,7 +167,7 @@ const ServicePage: FunctionComponent = () => {
   };
 
   const getAllIngestionWorkflows = (paging?: string) => {
-    getAirflowPipelines(['owner, tags, status'], serviceName, paging)
+    getAirflowPipelines(['owner, tags, status'], serviceFQN, paging)
       .then((res) => {
         if (res.data.data) {
           setIngestions(res.data.data);
@@ -412,19 +427,6 @@ const ServicePage: FunctionComponent = () => {
 
   const getOptionalFields = (): JSX.Element => {
     switch (serviceName) {
-      case ServiceCategory.DATABASE_SERVICES: {
-        return (
-          <span>
-            <span className="tw-text-grey-muted tw-font-normal">
-              Driver Class :
-            </span>{' '}
-            <span className="tw-pl-1tw-font-normal ">
-              {serviceDetails?.jdbc?.driverClass || '--'}
-            </span>
-            <span className="tw-mx-3 tw-text-grey-muted">•</span>
-          </span>
-        );
-      }
       case ServiceCategory.MESSAGING_SERVICES: {
         return (
           <>
@@ -613,6 +615,7 @@ const ServicePage: FunctionComponent = () => {
           </span>
         );
 
+      case ServiceCategory.DATABASE_SERVICES:
       default: {
         return <></>;
       }
@@ -841,20 +844,6 @@ const ServicePage: FunctionComponent = () => {
     getAllIngestionWorkflows(pagingString);
   };
 
-  const getCountLabel = () => {
-    switch (serviceName) {
-      case ServiceCategory.DASHBOARD_SERVICES:
-        return 'Dashboards';
-      case ServiceCategory.MESSAGING_SERVICES:
-        return 'Topics';
-      case ServiceCategory.PIPELINE_SERVICES:
-        return 'Pipelines';
-      case ServiceCategory.DATABASE_SERVICES:
-      default:
-        return 'Databases';
-    }
-  };
-
   return (
     <>
       {isLoading ? (
@@ -866,7 +855,7 @@ const ServicePage: FunctionComponent = () => {
 
             <div className="tw-flex tw-gap-1 tw-mb-2 tw-mt-1 tw-ml-7">
               {getOptionalFields()}
-              <span>
+              {/* <span>
                 <span className="tw-text-grey-muted tw-font-normal">
                   Ingestion :
                 </span>{' '}
@@ -885,7 +874,7 @@ const ServicePage: FunctionComponent = () => {
                   {getCountLabel()} :
                 </span>{' '}
                 <span className="tw-pl-1 tw-font-normal">{instanceCount}</span>
-              </span>
+              </span> */}
             </div>
 
             <div
@@ -992,6 +981,7 @@ const ServicePage: FunctionComponent = () => {
                       paging={ingestionPaging}
                       pagingHandler={ingestionPagingHandler}
                       serviceList={serviceList}
+                      serviceName={serviceFQN}
                       serviceType={serviceDetails?.serviceType}
                       triggerIngestion={triggerIngestionById}
                       updateIngestion={updateIngestion}

openmetadata-ui/src/main/resources/ui/src/pages/services/index.tsx

@@ -58,6 +58,7 @@ import {
 import { DatabaseService } from '../../generated/entity/services/databaseService';
 import { MessagingService } from '../../generated/entity/services/messagingService';
 import { PipelineService } from '../../generated/entity/services/pipelineService';
+import { PipelineType } from '../../generated/operations/pipelines/airflowPipeline';
 import { useAuth } from '../../hooks/authHooks';
 import useToastContext from '../../hooks/useToastContext';
 import {
@@ -65,7 +66,6 @@ import {
   getCountBadge,
   getServiceLogo,
 } from '../../utils/CommonUtils';
-import { getFrequencyTime } from '../../utils/ServiceUtils';
 import SVGIcons from '../../utils/SvgUtils';
 
 type ServiceRecord = {
@@ -261,13 +261,23 @@ const ServicesPage = () => {
                 ...ingestion.service,
                 id: serviceId,
               },
+              pipelineType: PipelineType.Metadata,
             });
           });
 
-          Promise.allSettled(promises).then(() => {
+          Promise.allSettled(promises).then(
+            (response: PromiseSettledResult<AxiosResponse>[]) => {
+              response.map((data) => {
+                data.status === 'rejected' &&
+                  showToast({
+                    variant: 'error',
+                    body: data.reason || 'Something went wrong!',
+                  });
+              });
               setIsModalOpen(false);
               setEditData(undefined);
-          });
+            }
+          );
         } else {
           setIsModalOpen(false);
           setEditData(undefined);
@@ -551,18 +561,7 @@ const ServicesPage = () => {
                             )}
                           </div>
                           {getOptionalFields(service)}
-                          <div
+
-                            className="tw-mb-1"
-                            data-testid="service-ingestion">
-                            <label className="tw-mb-0">Ingestion:</label>
-                            <span className=" tw-ml-1 tw-font-normal tw-text-grey-body">
-                              {service.ingestionSchedule?.repeatFrequency
-                                ? getFrequencyTime(
-                                    service.ingestionSchedule.repeatFrequency
-                                  )
-                                : '--'}
-                            </span>
-                          </div>
                           <div className="" data-testid="service-type">
                             <label className="tw-mb-0">Type:</label>
                             <span className=" tw-ml-1 tw-font-normal tw-text-grey-body">