yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-08-19 14:44:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Schema tab -- Fixed the header issue (#5622)

Browse Source
This commit is contained in:
Ankit keshari 2022-08-12 03:07:57 +05:30 committed by GitHub
parent 126235a51f
commit 6b819e966c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
datahub-web-react/src/app/entity/shared/tabs/Dataset/Schema/SchemaTab.tsx
View File

@ -20,6 +20,10 @@ const NoSchema = styled(Empty)`
padding-top: 60px; padding-top: 60px;
`; `;
const SchemaTableContainer = styled.div`
overflow: auto;
height: 100%;
`;
export const SchemaTab = ({ properties }: { properties?: any }) => { export const SchemaTab = ({ properties }: { properties?: any }) => {
const { entityData } = useEntityData(); const { entityData } = useEntityData();
const baseEntity = useBaseEntity<GetDatasetQuery>(); const baseEntity = useBaseEntity<GetDatasetQuery>();
@ -120,7 +124,7 @@ export const SchemaTab = ({ properties }: { properties?: any }) => {
(getSchemaBlameData?.getSchemaBlame?.schemaFieldBlameList as Array<SchemaFieldBlame>) || []; (getSchemaBlameData?.getSchemaBlame?.schemaFieldBlameList as Array<SchemaFieldBlame>) || [];
return ( return (
<div> <>
<SchemaHeader <SchemaHeader
editMode={editMode} editMode={editMode}
showRaw={showRaw} showRaw={showRaw}
@ -136,6 +140,7 @@ export const SchemaTab = ({ properties }: { properties?: any }) => {
showSchemaAuditView={showSchemaAuditView} showSchemaAuditView={showSchemaAuditView}
setShowSchemaAuditView={setShowSchemaAuditView} setShowSchemaAuditView={setShowSchemaAuditView}
/> />
<SchemaTableContainer>
{/* eslint-disable-next-line no-nested-ternary */} {/* eslint-disable-next-line no-nested-ternary */}
{showRaw ? ( {showRaw ? (
<SchemaRawView <SchemaRawView
@ -160,6 +165,7 @@ export const SchemaTab = ({ properties }: { properties?: any }) => {
) : ( ) : (
<NoSchema /> <NoSchema />
)} )}
</div> </SchemaTableContainer>
</>
); );
}; };