fixed that items are not aligned centrally in the page header line components, and the time table will show the missign theme warning only one

marcus-wishes · marcus-wishes · commit c733096b09f0 · 2023-07-24T19:52:28.000+02:00
diff --git a/library/src/components/timetable/LPTimeTable.tsx b/library/src/components/timetable/LPTimeTable.tsx
@@ -145,10 +145,12 @@ export default function LPTimeTable<
 	G extends TimeTableGroup,
 	I extends TimeSlotBooking,
 >({ timeTableMessages, ...props }: LPTimeTableProps<G, I>) {
-	if (!getCurrentTheme()) {
+	const [showedWarning, setShowedWarning] = useState(false)
+	if (!showedWarning && !getCurrentTheme()) {
 		console.warn(
 			"LPTimeTable - no theme set, LPTable required Atlassian.design token to have the color scheme set correctly, call setGlobalTheme({}) from @atlassian/tokens to set the theme.",
 		)
+		setShowedWarning(true)
 	}
 
 	return (
diff --git a/library/src/layouting/PageLayout.tsx b/library/src/layouting/PageLayout.tsx
@@ -34,6 +34,7 @@ const PageHeaderLine = styled.div`
 	width: 100%;
 	gap: 4px;
 	margin-bottom: 8px;
+	align-items: center;
 `
 
 const PageBody = styled.div`
diff --git a/package-lock.json b/package-lock.json

Original file line number	Diff line number	Diff line change
`@@ -145,10 +145,12 @@ export default function LPTimeTable<`
`145`	`145`	`G extends TimeTableGroup,`
`146`	`146`	`I extends TimeSlotBooking,`
`147`	`147`	`>({ timeTableMessages, ...props }: LPTimeTableProps<G, I>) {`
`148`		`- if (!getCurrentTheme()) {`
	`148`	`+ const [showedWarning, setShowedWarning] = useState(false)`
	`149`	`+ if (!showedWarning && !getCurrentTheme()) {`
`149`	`150`	`console.warn(`
`150`	`151`	`"LPTimeTable - no theme set, LPTable required Atlassian.design token to have the color scheme set correctly, call setGlobalTheme({}) from @atlassian/tokens to set the theme.",`
`151`	`152`	`)`
	`153`	`+ setShowedWarning(true)`
`152`	`154`	`}`
`153`	`155`
`154`	`156`	`return (`
Original file line number	Diff line number	Diff line change
@@ -34,6 +34,7 @@ const PageHeaderLine = styled.div`
`34`	`34`	`width: 100%;`
`35`	`35`	`gap: 4px;`
`36`	`36`	`margin-bottom: 8px;`
	`37`	`+ align-items: center;`
`37`	`38`	`
`38`	`39`
`39`	`40`	const PageBody = styled.div`