+
);
}
+
+export function MobileNavbar() {
+ const navigate = useNavigate();
+ const { setOpenMobile } = useSidebar();
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/apps/web/src/components/sidebar.tsx b/apps/web/src/components/sidebar.tsx
index c137354..7b73654 100644
--- a/apps/web/src/components/sidebar.tsx
+++ b/apps/web/src/components/sidebar.tsx
@@ -4,6 +4,11 @@ import * as React from "react";
import { Basic, Loading } from "./modals/basic";
import List from "@/features/conversation/list/body";
+import {
+ Sidebar as SidebarRoot,
+ SidebarContent,
+} from "@tensamin/ui/cmp/sidebar";
+
/**
* Renders the conversation sidebar with account summary and conversation list.
* @returns Sidebar JSX.
@@ -17,17 +22,21 @@ export default function Sidebar() {
}, [load]);
return (
-
-
- }
- userId={userId}
- component={(user) => }
- />
-
-
-
-
-
+
+
+
+
+ }
+ userId={userId}
+ component={(user) => }
+ />
+
+
+
+
+
+
+
);
}
diff --git a/apps/web/src/features/conversation/list/switch.tsx b/apps/web/src/features/conversation/list/switch.tsx
index 025565f..1839e6a 100644
--- a/apps/web/src/features/conversation/list/switch.tsx
+++ b/apps/web/src/features/conversation/list/switch.tsx
@@ -1,5 +1,3 @@
-import * as React from "react";
-
type Category = "conversations" | "communities";
/**
@@ -11,28 +9,6 @@ export default function Switch(props: {
category: Category;
setCategory: (category: Category) => void;
}) {
- const conversationsRef = React.useRef
(null);
- const communitiesRef = React.useRef(null);
-
- const [indicator, setIndicator] = React.useState({ left: 0, width: 0 });
-
- const updateIndicator = React.useCallback(() => {
- const active =
- props.category === "conversations"
- ? conversationsRef.current
- : communitiesRef.current;
- if (!active) return;
-
- setIndicator({
- left: active.offsetLeft,
- width: active.offsetWidth,
- });
- }, [props.category]);
-
- React.useLayoutEffect(() => {
- updateIndicator();
- }, [updateIndicator]);
-
/**
* Executes toggleCategory.
* @param none This function has no parameters.
@@ -47,20 +23,19 @@ export default function Switch(props: {
return (
+ }
+ />
Test
diff --git a/apps/web/src/routes/app/home.tsx b/apps/web/src/routes/app/home.tsx
index a42f096..fdef4b6 100644
--- a/apps/web/src/routes/app/home.tsx
+++ b/apps/web/src/routes/app/home.tsx
@@ -70,9 +70,7 @@ function AddConversationButton() {
return (