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

Fix(UI): Add missing icons and fix errors (#24107)

Browse Source 
* Add missing icons for persona data assets settings

* Fix ui errors

* Update the default values for oidc configs

* Revert "Update the default values for oidc configs"

This reverts commit 73cab6d00b15ecfc96a43b228d3b5e5b0379c79a.

* Add missing icon for classification in persona details page

* Fix sonar issue
This commit is contained in:
Aniket Katkar 2025-11-03 12:08:51 +05:30 committed by GitHub
parent ce2ad72843
commit 24b0eb56d6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
21 changed files with 56 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
openmetadata-ui/src/main/resources/ui/src/assets/svg/classification-colored-new.svg Normal file
View File

@ -0,0 +1,9 @@
<svg viewBox="0 0 89 89" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 28C0 12.536 12.536 0 28 0H61C76.464 0 89 12.536 89 28V61C89 76.464 76.464 89 61 89H28C12.536 89 0 76.464 0 61V28Z" fill="#FFFAEB"/>
<path d="M59 56V51C59 48.7909 57.2091 47 55 47H34C31.7909 47 30 48.7909 30 51V56" stroke="#B54707" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.5281 29.3455L52.9057 28.2654C52.3791 27.3515 51.2121 27.0362 50.297 27.5606V27.5606C49.8613 27.8173 49.3415 27.8901 48.8521 27.763C48.3628 27.6359 47.944 27.3194 47.6883 26.8833C47.5237 26.6061 47.4353 26.2903 47.432 25.968V25.968C47.4468 25.4511 47.2518 24.9503 46.8915 24.5796C46.5311 24.2089 46.036 23.9998 45.5189 24H44.2649C43.7584 24 43.2727 24.2018 42.9154 24.5609C42.5581 24.9199 42.3586 25.4065 42.361 25.913V25.913C42.346 26.9588 41.4939 27.7987 40.448 27.7986C40.1256 27.7953 39.8099 27.7069 39.5327 27.5423V27.5423C38.6175 27.0179 37.4505 27.3332 36.924 28.2471L36.2558 29.3455C35.7298 30.2583 36.0408 31.4245 36.9514 31.9542V31.9542C37.5433 32.296 37.908 32.9275 37.908 33.611C37.908 34.2945 37.5433 34.926 36.9514 35.2677V35.2677C36.042 35.7939 35.7307 36.9573 36.2558 37.8673V37.8673L36.8874 38.9565C37.1341 39.4017 37.548 39.7302 38.0376 39.8694C38.5272 40.0085 39.0521 39.9468 39.4961 39.6979V39.6979C39.9325 39.4433 40.4526 39.3735 40.9408 39.5041C41.4289 39.6348 41.8447 39.955 42.0956 40.3936C42.2601 40.6708 42.3485 40.9866 42.3519 41.3089V41.3089C42.3519 42.3655 43.2084 43.222 44.2649 43.222H45.5189C46.5719 43.222 47.4269 42.371 47.432 41.3181V41.3181C47.4295 40.81 47.6303 40.3219 47.9896 39.9626C48.3489 39.6034 48.8369 39.4026 49.345 39.405C49.6666 39.4136 49.9811 39.5017 50.2604 39.6613V39.6613C51.1731 40.1873 52.3394 39.8763 52.8691 38.9657V38.9657L53.5281 37.8673C53.7832 37.4294 53.8532 36.9079 53.7226 36.4183C53.5921 35.9287 53.2717 35.5113 52.8324 35.2586V35.2586C52.3932 35.0059 52.0728 34.5885 51.9422 34.0989C51.8117 33.6092 51.8817 33.0877 52.1368 32.6499C52.3027 32.3603 52.5428 32.1201 52.8324 31.9542V31.9542C53.7376 31.4248 54.0478 30.2654 53.5281 29.3547V29.3547V29.3455Z" stroke="#B54707" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="44.8965" cy="33.611" r="2.63616" stroke="#B54707" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="45" y1="48" x2="45" y2="43" stroke="#B54707" stroke-width="2"/>
<rect x="24" y="56" width="12" height="10" rx="3" fill="#FFFAEB" stroke="#B54707" stroke-width="2"/>
<rect x="53" y="56" width="12" height="10" rx="3" fill="#FFFAEB" stroke="#B54707" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

4
openmetadata-ui/src/main/resources/ui/src/components/AppRouter/AuthenticatedAppRouter.tsx
View File

@ -711,8 +711,8 @@ const AuthenticatedAppRouter: FunctionComponent = () => {
/>
{/* Plugin routes */}
{pluginRoutes.map((route, idx) => {
return <Route key={idx} {...route} />;
{pluginRoutes?.map((route) => {
return <Route key={route.path ?? route.id} {...route} />;
})}
<Route element={<Navigate to={ROUTES.MY_DATA} />} path={ROUTES.HOME} />

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Datenquartile",
"data-range": "Datenbereich",
"data-type": "Datentyp",
"data-type-display": "Datentyp-Anzeige",
"data-volume": "Datenvolumen",
"database": "Datenbank",
"database-lowercase": "Datenbank",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Data Quartiles",
"data-range": "Data Range",
"data-type": "Data Type",
"data-type-display": "Data Type Display",
"data-volume": "Data Volume",
"database": "Database",
"database-lowercase": "database",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "cuartiles",
"data-range": "Rango de datos",
"data-type": "Tipo de datos",
"data-type-display": "Visualización del tipo de datos",
"data-volume": "Volumen de datos",
"database": "Base de datos",
"database-lowercase": "base de datos",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Quartiles des Données",
"data-range": "Plage de Données",
"data-type": "Type de Données",
"data-type-display": "Affichage du type de données",
"data-volume": "Volume de Données",
"database": "Base de Données",
"database-lowercase": "base de données",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Cuartís de datos",
"data-range": "Rango de datos",
"data-type": "Tipo de datos",
"data-type-display": "Visualización do tipo de datos",
"data-volume": "Volume de datos",
"database": "Base de datos",
"database-lowercase": "base de datos",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "רביעונים (Quaertiles)",
"data-range": "טווח נתונים",
"data-type": "סוג עמודה",
"data-type-display": "תצוגת סוג הנתונים",
"data-volume": "נפח נתונים",
"database": "בסיס נתונים",
"database-lowercase": "בסיס נתונים",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "データ四分位数",
"data-range": "データ範囲",
"data-type": "データ型",
"data-type-display": "データ型の表示",
"data-volume": "データ量",
"database": "データベース",
"database-lowercase": "データベース",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "데이터 사분위수",
"data-range": "데이터 범위",
"data-type": "데이터 유형",
"data-type-display": "데이터 유형 표시",
"data-volume": "데이터 볼륨",
"database": "데이터베이스",
"database-lowercase": "데이터베이스",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/mr-in.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "डेटा चतुर्थांश",
"data-range": "डेटा श्रेणी",
"data-type": "डेटा प्रकार",
"data-type-display": "डेटा प्रकार प्रदर्शन",
"data-volume": "डेटा खंड",
"database": "डेटाबेस",
"database-lowercase": "डेटाबेस",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/nl-nl.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Datakwartielen",
"data-range": "Datasbereik",
"data-type": "Datatype",
"data-type-display": "Datatypeweergave",
"data-volume": "Datavolume",
"database": "Database",
"database-lowercase": "database",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/pr-pr.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "چهارک‌های داده",
"data-range": "محدوده داده",
"data-type": "نوع داده",
"data-type-display": "نمایش نوع داده",
"data-volume": "حجم داده",
"database": "پایگاه داده",
"database-lowercase": "پایگاه داده",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Quartis de Dados",
"data-range": "Intervalo de Dados",
"data-type": "Tipo de Dados",
"data-type-display": "Exibição do Tipo de Dados",
"data-volume": "Volume de Dados",
"database": "Base de Dados",
"database-lowercase": "base de dados",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-pt.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Quartis de Dados",
"data-range": "Intervalo de Dados",
"data-type": "Tipo de Dados",
"data-type-display": "Visualização do Tipo de Dados",
"data-volume": "Volume de Dados",
"database": "Base de Dados",
"database-lowercase": "base de dados",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/ru-ru.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Качество данных",
"data-range": "Временной интервал",
"data-type": "Тип данных",
"data-type-display": "Отображение типа данных",
"data-volume": "Объем данных",
"database": "База данных",
"database-lowercase": "база данных",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/th-th.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "ควอไทล์ข้อมูล",
"data-range": "ช่วงข้อมูล",
"data-type": "ประเภทข้อมูล",
"data-type-display": "การแสดงประเภทข้อมูล",
"data-volume": "ปริมาณข้อมูล",
"database": "ฐานข้อมูล",
"database-lowercase": "ฐานข้อมูล",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/tr-tr.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "Veri Dörttebirleri",
"data-range": "Veri Aralığı",
"data-type": "Veri Türü",
"data-type-display": "Veri Türü Görünümü",
"data-volume": "Veri Hacmi",
"database": "Veritabanı",
"database-lowercase": "veritabanı",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "数据四分位数",
"data-range": "数据范围",
"data-type": "数据类型",
"data-type-display": "数据类型显示",
"data-volume": "数据量",
"database": "数据库",
"database-lowercase": "数据库",

1
openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-tw.json
View File

@ -424,6 +424,7 @@
"data-quartile-plural": "資料四分位數",
"data-range": "資料範圍",
"data-type": "資料類型",
"data-type-display": "資料類型顯示",
"data-volume": "資料量",
"database": "資料庫",
"database-lowercase": "資料庫",

34
openmetadata-ui/src/main/resources/ui/src/utils/Persona/PersonaUtils.ts
View File

@ -10,16 +10,20 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { camelCase, map, startCase } from 'lodash';
import { map, startCase } from 'lodash';
import { ReactComponent as APICollectionIcon } from '../../assets/svg/api-collection-colored.svg';
import { ReactComponent as APIEndpointIcon } from '../../assets/svg/api-endpoints-colored.svg';
import { ReactComponent as ChartIcon } from '../../assets/svg/chart-colored.svg';
import { ReactComponent as ClassificationIcon } from '../../assets/svg/classification-colored-new.svg';
import { ReactComponent as DashboardIcon } from '../../assets/svg/dashboard-colored-new.svg';
import { ReactComponent as DashboardDataModelIcon } from '../../assets/svg/dashboard-data-models-colored.svg';
import { ReactComponent as DataAssetsIcon } from '../../assets/svg/data-assets-colored-new.svg';
import { ReactComponent as DataProductIcon } from '../../assets/svg/data-product-colored.svg';
import { ReactComponent as DatabaseIcon } from '../../assets/svg/database-colored-new.svg';
import { ReactComponent as SchemaIcon } from '../../assets/svg/database-schema-colored.svg';
import { ReactComponent as DirectoryIcon } from '../../assets/svg/directory-colored-new.svg';
import { ReactComponent as DomainIcon } from '../../assets/svg/domain-colored.svg';
import { ReactComponent as FileIcon } from '../../assets/svg/file-colored-new.svg';
import { ReactComponent as GlossaryIcon } from '../../assets/svg/glossary-term-colored-new.svg';
import { ReactComponent as GovernIcon } from '../../assets/svg/governance.svg';
import { ReactComponent as HomepageIcon } from '../../assets/svg/homepage.svg';
@ -29,14 +33,23 @@ import { ReactComponent as MlModelIcon } from '../../assets/svg/ml-models-colore
import { ReactComponent as NavigationIcon } from '../../assets/svg/navigation.svg';
import { ReactComponent as PipelineIcon } from '../../assets/svg/pipelines-colored-new.svg';
import { ReactComponent as SearchIndexIcon } from '../../assets/svg/search-index-colored-new.svg';
import { ReactComponent as SpreadsheetIcon } from '../../assets/svg/spreadsheet-colored-new.svg';
import { ReactComponent as StorageIcon } from '../../assets/svg/storage-colored-new.svg';
import { ReactComponent as StoredProcedureIcon } from '../../assets/svg/stored-procedures-colored-new.svg';
import { ReactComponent as TableIcon } from '../../assets/svg/table-colored-new.svg';
import { ReactComponent as TagIcon } from '../../assets/svg/tags-colored.svg';
import { ReactComponent as WorksheetIcon } from '../../assets/svg/worksheet-colored-new.svg';
import { PageType } from '../../generated/system/ui/uiCustomization';
import { SettingMenuItem } from '../GlobalSettingsUtils';
import i18n from '../i18next/LocalUtil';
const ENTITY_ICONS: Record<string, SvgComponent> = {
export type CustomizeIconKeys =
| PageType
| 'govern'
| 'dataAssets'
| 'navigation';
const ENTITY_ICONS: Record<CustomizeIconKeys, SvgComponent> = {
[PageType.Table]: TableIcon,
[PageType.Chart]: ChartIcon,
[PageType.Container]: StorageIcon,
@ -53,12 +66,19 @@ const ENTITY_ICONS: Record<string, SvgComponent> = {
[PageType.Topic]: MessagingIcon,
['govern']: GovernIcon,
['dataAssets']: DataAssetsIcon,
['homepage']: HomepageIcon,
[PageType.LandingPage]: HomepageIcon,
['navigation']: NavigationIcon,
[PageType.APICollection]: APICollectionIcon,
[PageType.APIEndpoint]: APIEndpointIcon,
[PageType.MlModel]: MlModelIcon,
[PageType.Metric]: MetricIcon,
[PageType.Directory]: DirectoryIcon,
[PageType.File]: FileIcon,
[PageType.Spreadsheet]: SpreadsheetIcon,
[PageType.Worksheet]: WorksheetIcon,
[PageType.Classification]: ClassificationIcon,
[PageType.Tag]: TagIcon,
[PageType.DataProduct]: DataProductIcon,
};
export const getCustomizePageCategories = (): SettingMenuItem[] => {
@ -68,20 +88,20 @@ export const getCustomizePageCategories = (): SettingMenuItem[] => {
label: i18n.t('label.navigation'),
isBeta: true,
description: 'Customize left sidebar ',
icon: ENTITY_ICONS[camelCase('Navigation')],
icon: ENTITY_ICONS['navigation'],
},
{
key: PageType.LandingPage,
label: i18n.t('label.home-page'),
description: 'Customize the My data page with widget of your preference',
icon: ENTITY_ICONS[camelCase('Homepage')],
icon: ENTITY_ICONS[PageType.LandingPage],
},
{
key: 'governance',
label: i18n.t('label.governance'),
isBeta: true,
description: 'Customize the Govern pages with widget of your preference',
icon: ENTITY_ICONS[camelCase('GOVERN')],
icon: ENTITY_ICONS['govern'],
},
{
key: 'data-assets',
@ -89,7 +109,7 @@ export const getCustomizePageCategories = (): SettingMenuItem[] => {
isBeta: true,
description:
'Customize the entity detail page with widget of your preference',
icon: ENTITY_ICONS[camelCase('data-assets')],
icon: ENTITY_ICONS['dataAssets'],
},
];
};