Minor refactors and fixes

src/components/server/admin/views/sidebar.tsx

@@ -19,15 +19,21 @@ type Props = {
 
 
 
-export default async function Sidebar(props:Props){
+export default async function Sidebar({children, sidebarEntries, slug}:Props){
     
     return (
         <div className='w-fit h[100%] drop-shadow-2xl shadow-xl'>
             <ul className={`navbar-light bg-light nav nav-pills flex-column mb-auto container-fluid h-[100%] items-start justify-start p-0 w-fit`}>
-                {props.sidebarEntries.map((sidebarEntry)=>{
-                    return <li key={sidebarEntry.view} className='nav-item w-[100%]'><Link className={`nav-link m-2 whitespace-nowrap outline outline-1 ${(props.slug == sidebarEntry.view) ? 'active' : ''}`} href={`/admin/${sidebarEntry.view}`}>
-                        {sidebarEntry.label}
-                    </Link></li>
+                {sidebarEntries.map((sidebarEntry)=>{
+                    const activeClass:string = (slug == sidebarEntry.view) ? 'active' : '';
+                    return <li 
+                    key={sidebarEntry.view} 
+                    className='nav-item w-[100%]'>
+                        <Link 
+                            href={`/admin/${sidebarEntry.view}`}
+                            className={`${activeClass} nav-link m-2 whitespace-nowrap outline outline-1`}>
+                            {sidebarEntry.label}
+                        </Link></li>
                 })}
             </ul>
         </div>