admin/social-login

frontend/src/admin/SideBar.tsx

@@ -2,14 +2,13 @@ import React from "react";
 
 export const SideBar = () => {
   return (
-    <aside className="w-48 h-screen" aria-label="Sidebar">
-      <div className="py-4 h-full px-3 bg-gray-50 rounded dark:bg-gray-800">
+    <div className="py-4 h-screen px-3 bg-gray-50 rounded dark:bg-gray-800">
       <ul className="flex flex-col items-center">
         <li className="text-center font-bold p-2 border-b-2">ADMIN</li>
         <div className="pt-2">
           <li>
             <a
-                href="#"
+              href="/admin"
               className="flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
             >
               <svg
@@ -27,7 +26,7 @@ export const SideBar = () => {
           </li>
           <li>
             <a
-                href="#"
+              href="/admin/social-login"
               className="flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
             >
               <svg
@@ -44,7 +43,7 @@ export const SideBar = () => {
           </li>
           <li>
             <a
-                href="#"
+              href="/admin"
               className="flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
             >
               <svg
@@ -65,7 +64,7 @@ export const SideBar = () => {
           </li>
           <li>
             <a
-                href="#"
+              href="/admin"
               className="flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
             >
               <svg
@@ -87,6 +86,5 @@ export const SideBar = () => {
         </div>
       </ul>
     </div>
-    </aside>
   );
 };