mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-15 00:40:56 -05:00
ac74ba9e8c
Migrate the file tree toolbar to Bootstrap 5 GitOrigin-RevId: 00ebe585206bf163bf9a00aa56b52d43effd5605
31 lines
904 B
TypeScript
31 lines
904 B
TypeScript
import { ButtonToolbar, ButtonToolbarProps } from 'react-bootstrap-5'
|
|
import {
|
|
ButtonToolbar as BS3ButtonToolbar,
|
|
ButtonToolbarProps as BS3ButtonToolbarProps,
|
|
} from 'react-bootstrap'
|
|
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
|
|
import { getAriaAndDataProps } from '@/features/utils/bootstrap-5'
|
|
|
|
type OLButtonToolbarProps = ButtonToolbarProps & {
|
|
bs3Props?: Record<string, unknown>
|
|
}
|
|
|
|
function OLButtonToolbar(props: OLButtonToolbarProps) {
|
|
const { bs3Props, ...rest } = props
|
|
|
|
const bs3ButtonToolbarProps: BS3ButtonToolbarProps = {
|
|
children: rest.children,
|
|
className: rest.className,
|
|
...getAriaAndDataProps(rest),
|
|
...bs3Props,
|
|
}
|
|
|
|
return (
|
|
<BootstrapVersionSwitcher
|
|
bs3={<BS3ButtonToolbar {...bs3ButtonToolbarProps} />}
|
|
bs5={<ButtonToolbar {...rest} />}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default OLButtonToolbar
|