diff --git a/apps/meteor/client/components/Sidebar/Sidebar.tsx b/apps/meteor/client/components/Sidebar/Sidebar.tsx index 9dbc670af1b9b..fdc0125f462f4 100644 --- a/apps/meteor/client/components/Sidebar/Sidebar.tsx +++ b/apps/meteor/client/components/Sidebar/Sidebar.tsx @@ -1,10 +1,8 @@ -import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage'; +import { SidebarV2 as FuselageSidebar } from '@rocket.chat/fuselage'; import type { ComponentPropsWithoutRef } from 'react'; export type SidebarProps = ComponentPropsWithoutRef; -const Sidebar = (props: SidebarProps) => ( - -); +const Sidebar = (props: SidebarProps) => ; export default Sidebar; diff --git a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx index db28fdbf71766..bf11a0c008573 100644 --- a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx +++ b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx @@ -1,28 +1,20 @@ -import { Box, SidebarItem } from '@rocket.chat/fuselage'; +import { Box, SidebarV2Item } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; import { memo } from 'react'; export type SidebarGenericItemProps = { href?: string; active?: boolean; - featured?: boolean; children: ReactNode; externalUrl?: boolean; }; const SidebarGenericItem = ({ href, active, externalUrl, children, ...props }: SidebarGenericItemProps) => ( - + {children} - + ); export default memo(SidebarGenericItem); diff --git a/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx b/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx index 9da98856e4645..4a3f0c3369880 100644 --- a/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx +++ b/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx @@ -1,5 +1,5 @@ import { css } from '@rocket.chat/css-in-js'; -import { Box, SidebarDivider, Palette, SidebarFooter as Footer } from '@rocket.chat/fuselage'; +import { Box, SidebarV2Divider, Palette, SidebarV2Footer as Footer } from '@rocket.chat/fuselage'; import { useThemeMode } from '@rocket.chat/ui-client'; import { useSetting } from '@rocket.chat/ui-contexts'; import DOMPurify from 'dompurify'; @@ -23,11 +23,9 @@ const SidebarFooterDefault = () => { return (