diff --git a/app/client/packages/design-system/widgets/src/components/Sidebar/src/Sidebar.tsx b/app/client/packages/design-system/widgets/src/components/Sidebar/src/Sidebar.tsx index 353d1c1654..f67c80bfba 100644 --- a/app/client/packages/design-system/widgets/src/components/Sidebar/src/Sidebar.tsx +++ b/app/client/packages/design-system/widgets/src/components/Sidebar/src/Sidebar.tsx @@ -14,12 +14,10 @@ const _Sidebar = (props: SidebarProps, ref: Ref) => { children, className, collapsible = "offcanvas", - extraTitleButton, onEnter: onEnterProp, onEntered: onEnteredProp, onExit: onExitProp, onExited: onExitedProp, - title, variant = "sidebar", ...rest } = props; @@ -48,7 +46,7 @@ const _Sidebar = (props: SidebarProps, ref: Ref) => { }; const content = ( - + {typeof children === "function" ? children({ isAnimating, state }) : children} diff --git a/app/client/packages/design-system/widgets/src/components/Sidebar/src/SidebarContent.tsx b/app/client/packages/design-system/widgets/src/components/Sidebar/src/SidebarContent.tsx index f1a439c439..cdeb1e8f18 100644 --- a/app/client/packages/design-system/widgets/src/components/Sidebar/src/SidebarContent.tsx +++ b/app/client/packages/design-system/widgets/src/components/Sidebar/src/SidebarContent.tsx @@ -1,15 +1,10 @@ import clsx from "clsx"; -import React, { type ReactNode, type Ref } from "react"; +import React, { type Ref } from "react"; import { Flex } from "../../Flex"; -import { Text } from "../../Text"; -import { Button } from "../../Button"; import styles from "./styles.module.css"; -import { useSidebar } from "./use-sidebar"; interface SidebarContentProps { - title?: string; - extraTitleButton?: ReactNode; className?: string; children: React.ReactNode; } @@ -18,8 +13,7 @@ const _SidebarContent = ( props: SidebarContentProps, ref: Ref, ) => { - const { children, className, extraTitleButton, title, ...rest } = props; - const { isMobile, setState, state } = useSidebar(); + const { children, className, ...rest } = props; return (
- - {Boolean(title) && ( - - {title} - - )} - - - {extraTitleButton} - {!isMobile && ( -
diff --git a/app/client/packages/design-system/widgets/src/components/Sidebar/src/types.ts b/app/client/packages/design-system/widgets/src/components/Sidebar/src/types.ts index e0df80c18d..07f4b99c5d 100644 --- a/app/client/packages/design-system/widgets/src/components/Sidebar/src/types.ts +++ b/app/client/packages/design-system/widgets/src/components/Sidebar/src/types.ts @@ -24,7 +24,6 @@ export interface SidebarProviderProps { export interface SidebarProps { variant?: "sidebar" | "floating" | "inset"; collapsible?: "offcanvas" | "icon" | "none"; - extraTitleButton?: ReactNode; onEnter?: () => void; onExit?: () => void; onEntered?: () => void; @@ -36,5 +35,4 @@ export interface SidebarProps { state: SidebarState; }) => React.ReactNode); className?: string; - title?: string; } diff --git a/app/client/packages/design-system/widgets/src/components/Sidebar/stories/Sidebar.stories.tsx b/app/client/packages/design-system/widgets/src/components/Sidebar/stories/Sidebar.stories.tsx index 2b863f61b0..87423d6938 100644 --- a/app/client/packages/design-system/widgets/src/components/Sidebar/stories/Sidebar.stories.tsx +++ b/app/client/packages/design-system/widgets/src/components/Sidebar/stories/Sidebar.stories.tsx @@ -17,9 +17,7 @@ const meta: Meta = { }, }, }, - args: { - title: "Sidebar", - }, + args: {}, render: (args) => (