Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +02:00
Code Issues Releases Activity

fix(app-template): fixed the app template list not scroll to top issue (#7519)

Browse source 
* fix(app-template): fixed the app template list not scroll to top issue

* fix(templates): added id prop to PageHeader component.
This commit is contained in:
fhanportainer 2022-08-20 00:31:17 +12:00 • committed by GitHub
parent 8cbff097e4
commit c17baa36ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/react/components/PageHeader/HeaderContainer.tsx
View file

@ -12,11 +12,14 @@ export function useHeaderContext() {
throw new Error('Should be nested inside a HeaderContainer component');
}
}
interface Props {
id?: string;
}
export function HeaderContainer({ children }: PropsWithChildren<unknown>) {
export function HeaderContainer({ id, children }: PropsWithChildren<Props>) {
return (
<Context.Provider value>
<div className={clsx('row', styles.header)}>
<div id={id} className={clsx('row', styles.header)}>
<div id="loadingbar-placeholder" />
<div className="col-xs-12">
<div className={styles.meta}>{children}</div>

4
app/react/components/PageHeader/PageHeader.tsx
View file

@ -10,6 +10,7 @@ import { HeaderTitle } from './HeaderTitle';
import styles from './PageHeader.module.css';
interface Props {
id?: string;
reload?: boolean;
loading?: boolean;
onReload?(): Promise<void> | void;
@ -18,6 +19,7 @@ interface Props {
}
export function PageHeader({
id,
title,
breadcrumbs = [],
reload,
@ -31,7 +33,7 @@ export function PageHeader({
}
return (
<HeaderContainer>
<HeaderContainer id={id}>
<Breadcrumbs breadcrumbs={breadcrumbs} />
<HeaderTitle title={title}>