yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-11-11 08:23:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

adding service icon next to suggestions

Browse Source
This commit is contained in:
Sachin-chaurasiya 2021-08-11 15:28:57 +05:30
parent e51510e845
commit 578bee04ca
1 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
catalog-rest-service/src/main/resources/ui/src/components/app-bar/Suggestions.tsx
View File

@ -20,6 +20,7 @@ import React, { useEffect, useRef, useState } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { getSuggestions } from '../../axiosAPIs/miscAPI'; import { getSuggestions } from '../../axiosAPIs/miscAPI';
import { getDatasetDetailsPath } from '../../constants/constants'; import { getDatasetDetailsPath } from '../../constants/constants';
import { serviceTypeLogo } from '../../utils/ServiceUtils';
type SuggestionProp = { type SuggestionProp = {
searchText: string; searchText: string;
@ -31,6 +32,7 @@ type Option = {
table_id: string; table_id: string;
fqdn: string; fqdn: string;
table_name: string; table_name: string;
service_type: string;
}; };
}; };
const Suggestions = ({ searchText, isOpen, setIsOpen }: SuggestionProp) => { const Suggestions = ({ searchText, isOpen, setIsOpen }: SuggestionProp) => {
@ -72,17 +74,26 @@ const Suggestions = ({ searchText, isOpen, setIsOpen }: SuggestionProp) => {
{options.map((item: Option) => { {options.map((item: Option) => {
const fqdn = item['_source'].fqdn; const fqdn = item['_source'].fqdn;
const name = item['_source'].table_name; const name = item['_source'].table_name;
const serviceType = item['_source']['service_type'];
return ( return (
<div
className="tw-flex tw-items-center hover:tw-bg-gray-200"
key={fqdn}>
<Link <Link
className="tw-text-gray-700 tw-block tw-px-4 tw-py-2 tw-text-sm className="tw-block tw-px-4 tw-pr-2 tw-py-2 tw-text-sm
hover:tw-bg-gray-200" "
data-testid="data-name" data-testid="data-name"
key={fqdn}
to={getDatasetDetailsPath(fqdn)} to={getDatasetDetailsPath(fqdn)}
onClick={() => setIsOpen(false)}> onClick={() => setIsOpen(false)}>
{name} {name}
</Link> </Link>
<img
alt={serviceType}
className="tw-inline tw-h-4 tw-w-4"
src={serviceTypeLogo(serviceType)}
/>
</div>
); );
})} })}
</div> </div>