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

Fix: text highlight issue on search (#1850)

Browse Source
This commit is contained in:
Shailesh Parmar 2021-12-20 14:47:10 +05:30 committed by GitHub
parent eda7222c9e
commit b6d585fe51
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
openmetadata-ui/src/main/resources/ui/src/components/searched-data/SearchedData.tsx
View File

@ -62,22 +62,15 @@ const SearchedData: React.FC<SearchedDataProp> = ({
const highlightSearchResult = () => { const highlightSearchResult = () => {
return data.map((table, index) => { return data.map((table, index) => {
let tDesc = table.description; let tDesc = table.description;
const highLightedTexts = !isEmpty(table.highlight?.description) const highLightedTexts = table.highlight?.description || [];
? table.highlight?.description.join(' ') || ''
: ''; if (highLightedTexts) {
const highlightTxtMatch = highLightedTexts.match( const matchTextArr = highLightedTexts.map((val) =>
/<span(.*?)>(.*?)<\/span>/g
);
if (highlightTxtMatch) {
const matchTextArr = highlightTxtMatch.map((val) =>
val.replace(/<\/?span(.*?)>/g, '') val.replace(/<\/?span(.*?)>/g, '')
); );
matchTextArr.forEach((text) => {
const regEx = new RegExp(`\\b${text}\\b`, 'g'); matchTextArr.forEach((text, i) => {
tDesc = tDesc.replace( tDesc = tDesc.replace(text, highLightedTexts[i]);
regEx,
`<span class="text-highlighter">${text}</span>`
);
}); });
} }

2
openmetadata-ui/src/main/resources/ui/src/styles/x-master.css
View File

@ -706,7 +706,7 @@ a:focus {
.text-highlighter { .text-highlighter {
background-color: #ffc34e40; background-color: #ffc34e40;
padding: 0.25rem; padding: 0 0.25rem;
} }
body .profiler-graph .recharts-active-dot circle { body .profiler-graph .recharts-active-dot circle {