From 7d010ef93bc14e38203372909b2fc444ae644cee Mon Sep 17 00:00:00 2001 From: Jacopo Gasparetto <jacopo.gasparetto@cnaf.infn.it> Date: Tue, 4 Apr 2023 19:03:57 +0200 Subject: [PATCH] Add title to page component --- frontend/src/components/Page.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/Page.tsx b/frontend/src/components/Page.tsx index da367af..484e937 100644 --- a/frontend/src/components/Page.tsx +++ b/frontend/src/components/Page.tsx @@ -1,19 +1,21 @@ import React, { ReactElement } from "react"; import { Drawer } from "./Drawer"; +import { Title } from "./Title"; type Props = { - title?: string, - children: ReactElement + title: string, + [children:string]: any }; -export const Page = ({ children }: Props) => { +export const Page = (props: Props) => { return ( <> <div id="sidebar" className="w-64 left-0 top-0 h-screen fixed z-1 overflow-auto"> <Drawer /> </div> <div className="ml-64 p-8"> - {children} + <Title>{props.title}</Title> + {props.children} </div> </> ); -- GitLab