change admin theme, fix erros and resolved sensivity issue in calculation logic

Author: devtofunmi

components/admin/AdminLayout.tsx

@@ -13,8 +13,6 @@ import {
     IoCloseOutline,
     IoChevronDownOutline,
     IoChevronForwardOutline,
-    IoSpeedometerOutline,
-    IoCheckmarkCircleOutline,
 } from 'react-icons/io5';
 
 interface AdminLayoutProps {
@@ -133,9 +131,8 @@ export default function AdminLayout({ children }: AdminLayoutProps) {
             <div className="flex min-h-screen flex-col md:flex-row">
                 {/* Sidebar */}
                 <aside
-                    className={`${
-                        sidebarOpen ? 'translate-x-0' : '-translate-x-full'
-                    } md:translate-x-0 fixed md:static inset-y-0 left-0 z-40 w-64 bg-black border-r border-white/10 transition-transform duration-300 md:transition-none`}
+                    className={`${sidebarOpen ? 'translate-x-0' : '-translate-x-full'
+                        } md:translate-x-0 fixed inset-y-0 left-0 z-40 w-64 bg-black border-r border-white/10 transition-transform duration-300 md:transition-none`}
                 >
                     <div className="h-full flex flex-col">
                         {/* Desktop Header */}
@@ -183,11 +180,10 @@ export default function AdminLayout({ children }: AdminLayoutProps) {
                                             {/* Group Header */}
                                             <button
                                                 onClick={() => toggleGroup(group.label)}
-                                                className={`w-full flex items-center justify-between px-3 py-2.5 rounded-lg transition-colors font-medium text-sm ${
-                                                    hasActiveItem
+                                                className={`w-full flex items-center justify-between px-3 py-2.5 rounded-lg transition-colors font-medium text-sm ${hasActiveItem
                                                         ? 'text-white bg-white/5'
                                                         : 'text-neutral-400 hover:bg-white/5 hover:text-white'
-                                                }`}
+                                                    }`}
                                             >
                                                 <div className="flex items-center gap-3">
                                                     <GroupIcon className="w-4 h-4" />
@@ -217,11 +213,10 @@ export default function AdminLayout({ children }: AdminLayoutProps) {
                                                                     <Link
                                                                         href={item.href}
                                                                         onClick={() => setSidebarOpen(false)}
-                                                                        className={`flex items-center gap-3 px-3 py-2 rounded-lg transition-colors text-sm ${
-                                                                            isActiveItem
+                                                                        className={`flex items-center gap-3 px-3 py-2 rounded-lg transition-colors text-sm ${isActiveItem
                                                                                 ? 'font-bold text-white bg-white/5 border border-white/10'
                                                                                 : 'text-neutral-400 hover:bg-white/5 hover:text-white'
-                                                                        }`}
+                                                                            }`}
                                                                     >
                                                                         <ItemIcon className="w-4 h-4" />
                                                                         <span>{item.label}</span>
@@ -274,7 +269,7 @@ export default function AdminLayout({ children }: AdminLayoutProps) {
                 </aside>
 
                 {/* Main Content */}
-                <main className="flex-1 px-4 md:px-8 py-6 md:py-8 overflow-y-auto">
+                <main className="flex-1 px-4 md:px-8 py-6 md:py-8 overflow-y-auto md:ml-64">
                     {children}
                 </main>
             </div>

cron.log

@@ -0,0 +1,5 @@
+npm error Missing script: "warm-cache"
+npm error
+npm error To see a list of scripts, run:
+npm error   npm run
+npm error A complete log of this run can be found in: C:\Users\THINKPAD\AppData\Local\npm-cache\_logs\2026-01-20T02_01_34_515Z-debug-0.log

lib/admin.ts

@@ -38,7 +38,7 @@ export async function getUserByIdentifier(identifier: string): Promise<User | nu
         // Note: This is not ideal for large user bases, but Supabase doesn't have a direct email search endpoint
         const { data: usersList, error: listError } = await supabaseAdmin.auth.admin.listUsers();
         if (!listError && usersList?.users) {
-            const user = usersList.users.find(u => 
+            const user = usersList.users.find(u =>
                 u.email?.toLowerCase() === identifier.toLowerCase()
             );
             if (user) return user;
@@ -81,9 +81,10 @@ export async function getGlobalAccuracy(): Promise<{
             if (record.predictions && Array.isArray(record.predictions)) {
                 record.predictions.forEach((p: any) => {
                     total++;
-                    if (p.result === 'Won') won++;
-                    else if (p.result === 'Lost') lost++;
-                    else if (p.result === 'Postponed') postponed++;
+                    const res = p.result ? p.result.toLowerCase() : '';
+                    if (res === 'won' || res === 'win') won++;
+                    else if (res === 'lost' || res === 'loss') lost++;
+                    else if (res === 'postponed') postponed++;
                     else pending++;
                 });
             }
@@ -188,7 +189,8 @@ export async function getPendingMatches(): Promise<Array<{
         historyData.forEach((record: any) => {
             if (record.predictions && Array.isArray(record.predictions)) {
                 record.predictions.forEach((p: any) => {
-                    if (p.result === 'Pending') {
+                    const res = p.result ? p.result.toLowerCase() : '';
+                    if (res === 'pending' || res === '' || !p.result) {
                         pendingMatches.push({
                             id: p.id,
                             homeTeam: p.homeTeam,
@@ -207,4 +209,4 @@ export async function getPendingMatches(): Promise<Array<{
     } catch {
         return [];
     }
-}
+}

package-lock.json

@@ -42,4 +42,4 @@
     "ts-node": "^10.9.2",
     "typescript": "^5"
   }
-}
+}