Update app-header.tsx

Batmandakh · web-flow · commit 255b9d4bd96d · 2025-10-01T04:59:37.000+08:00
fixed error which created by logical AND operator in className. 
left side of &amp;&amp; operator returned 0 (false) which is not acceptable by class (or className) of a tag...
diff --git a/resources/js/components/app-header.tsx b/resources/js/components/app-header.tsx
@@ -162,7 +162,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {
                                         className="relative flex h-full items-center"
                                     >
                                         <div className={
-                                            page.url === item.href.url && ("h-full flex items-center border-b border-black dark:border-white")
+                                            page.url === item.href.url ? ("h-full flex items-center border-b border-black dark:border-white") : null
                                         }
                                         >
                                             <Link

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {`
`162`	`162`	`className="relative flex h-full items-center"`
`163`	`163`	`>`
`164`	`164`	`<div className={`
`165`		`- page.url === item.href.url && ("h-full flex items-center border-b border-black dark:border-white")`
	`165`	`+ page.url === item.href.url ? ("h-full flex items-center border-b border-black dark:border-white") : null`
`166`	`166`	`}`
`167`	`167`	`>`
`168`	`168`	`<Link`