refactor: Refactor sidebar into a shared component

1 files changed, 9 insertions, 4 deletions

diff --git a/apps/web/components/admin/sidebar/MobileSidebar.tsx b/apps/web/components/shared/sidebar/MobileSidebar.tsx
index 416b944c..d3edc7df 100644
--- a/apps/web/components/admin/sidebar/MobileSidebar.tsx
+++ b/apps/web/components/shared/sidebar/MobileSidebar.tsx
@@ -1,14 +1,19 @@
-import MobileSidebarItem from "@/components/shared/sidebar/ModileSidebarItem";
 import { useTranslation } from "@/lib/i18n/server";
+import { TFunction } from "i18next";
 
-import { adminSidebarItems } from "./items";
+import MobileSidebarItem from "./ModileSidebarItem";
+import { TSidebarItem } from "./TSidebarItem";
 
-export default async function MobileSidebar() {
+export default async function MobileSidebar({
+  items,
+}: {
+  items: (t: TFunction) => TSidebarItem[];
+}) {
   const { t } = await useTranslation();
   return (
     <aside className="w-full">
       <ul className="flex justify-between space-x-2 border-b-black px-5 py-2 pt-5">
-        {adminSidebarItems(t).map((item) => (
+        {items(t).map((item) => (
           <MobileSidebarItem
             key={item.name}
             logo={item.icon}