Nav: breadcrumbs

This commit is contained in:
Enrico Ros
2025-02-20 12:03:50 -08:00
parent 500f053afd
commit d2d43af0df
2 changed files with 17 additions and 15 deletions
+3 -2
View File
@@ -11,7 +11,7 @@ const _sx = { p: 0 };
export function AppBreadcrumbs(props: {
size?: 'sm' | 'md' | 'lg';
children?: React.ReactNode;
rootTitle?: string;
rootTitle?: React.ReactNode;
onRootClick?: () => void;
}) {
@@ -26,7 +26,8 @@ export function AppBreadcrumbs(props: {
return <Breadcrumbs size={props.size || 'sm'} separator={<KeyboardArrowRightIcon />} aria-label='breadcrumbs' sx={_sx}>
{(props.children && !!rootTitle && !!onRootClick)
? <AppBreadcrumbs.Link color='neutral' href='#' onClick={handleRootClick}>{props.rootTitle}</AppBreadcrumbs.Link>
: <Typography>{props.rootTitle}</Typography>
: (typeof props.rootTitle === 'string') ? <Typography>{props.rootTitle}</Typography>
: props.rootTitle
}
{props.children}
{/*{nav.pnt === 'create-new' && <Link color='neutral' href='#'>Create New</Link>}*/}
+14 -13
View File
@@ -116,19 +116,20 @@ function ModelsConfiguratorModal(props: {
<AppBreadcrumbs.Leaf>Setup <b>AI Models</b></AppBreadcrumbs.Leaf>
</AppBreadcrumbs>
) : (
<>Configure <b>AI Models</b></>
// <AppBreadcrumbs size='md' rootTitle='AI Models'>
// <Box sx={{ display: 'flex', gap: 1 }}>
// {!hasLLMs ? <AppBreadcrumbs.Leaf>Setup</AppBreadcrumbs.Leaf> : <>
// <Chip size='lg' variant={isTabSetup ? 'solid' : 'outlined'} color='neutral' onClick={isTabSetup ? undefined : handleToggleDefaults} sx={{}}>
// Setup
// </Chip>
// <Chip size='lg' variant={isTabDefaults ? 'solid' : 'outlined'} color='neutral' onClick={isTabDefaults ? undefined : handleToggleDefaults} sx={{}}>
// Defaults
// </Chip>
// </>}
// </Box>
// </AppBreadcrumbs>
// <>Configure <b>AI Models</b></>
<AppBreadcrumbs size='md' rootTitle='Configure'>
<AppBreadcrumbs.Leaf><b>AI Models</b></AppBreadcrumbs.Leaf>
{/*<Box sx={{ display: 'flex', gap: 1 }}>*/}
{/* {!hasLLMs ? <AppBreadcrumbs.Leaf>Setup</AppBreadcrumbs.Leaf> : <>*/}
{/* <Chip size='lg' variant={isTabSetup ? 'solid' : 'outlined'} color='neutral' onClick={isTabSetup ? undefined : handleToggleDefaults} sx={{}}>*/}
{/* Setup*/}
{/* </Chip>*/}
{/* <Chip size='lg' variant={isTabDefaults ? 'solid' : 'outlined'} color='neutral' onClick={isTabDefaults ? undefined : handleToggleDefaults} sx={{}}>*/}
{/* Defaults*/}
{/* </Chip>*/}
{/* </>}*/}
{/*</Box>*/}
</AppBreadcrumbs>
)}
open onClose={optimaActions().closeModels}
darkBottomClose={!isTabWizard}