added refresh db button and funtionality

code100x · Aug 25, 2024 · f55c3c9 · f55c3c9
1 parent 2325235
commit f55c3c9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/sidebar/index.tsx b/src/components/sidebar/index.tsx
@@ -12,6 +12,8 @@ import {
   PanelRightOpen,
   LogOut,
 } from 'lucide-react';
+import { RefreshDb } from '../RefreshDb';
+import { refreshDb } from '@/actions/refresh-db';
 
 export const menuOptions = [
   { id: 1, name: 'My Courses', Component: Library, href: '/my-courses' },
@@ -46,9 +48,7 @@ export const MenuOptions = () => {
         <div className="boarder border-gray flex flex-1 flex-col gap-6 p-4">
           <AnimatedTooltip expanded={expanded} items={menuOptions} />
         </div>
-        <button className="mx-auto mb-2 w-[70%] rounded-[10px] bg-red-500 px-4 py-2 text-white">
-          Refresh db
-        </button>
+        <RefreshDb refreshDb={refreshDb} />
         <div className="border-t p-4">
           <div className="flex rounded-md p-2">
             <LogOut size={24} color="#DD503F" />