fix/admin(global): removing darkmode and adding actions

Author: BennettPhil

.env.ci

@@ -0,0 +1,81 @@
+APP_NAME=Metisio
+APP_ENV=local
+APP_KEY=base64:xlPMGXEljEP45OCbGHKrmrFL5p7d9xORnwC1Nxn6ULQ=
+APP_DEBUG=true
+APP_URL=https://metisio-laravel.test/
+
+APP_LOCALE=en
+APP_FALLBACK_LOCALE=en
+APP_FAKER_LOCALE=en_US
+
+APP_MAINTENANCE_DRIVER=file
+# APP_MAINTENANCE_STORE=database
+
+PHP_CLI_SERVER_WORKERS=4
+
+BCRYPT_ROUNDS=12
+
+LOG_CHANNEL=stack
+LOG_STACK=single
+LOG_DEPRECATIONS_CHANNEL=null
+LOG_LEVEL=debug
+
+DB_CONNECTION=pgsql
+DB_HOST=127.0.0.1
+DB_PORT=5432
+DB_DATABASE=phil
+DB_USERNAME=
+DB_PASSWORD=
+
+SESSION_DRIVER=database
+SESSION_LIFETIME=120
+SESSION_ENCRYPT=false
+SESSION_PATH=/
+SESSION_DOMAIN=null
+
+BROADCAST_CONNECTION=log
+FILESYSTEM_DISK=local
+QUEUE_CONNECTION=database
+
+CACHE_STORE=database
+# CACHE_PREFIX=
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_CLIENT=phpredis
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=log
+MAIL_SCHEME=null
+MAIL_HOST=127.0.0.1
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_FROM_ADDRESS="[email protected]"
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+AWS_USE_PATH_STYLE_ENDPOINT=false
+
+VITE_APP_NAME="${APP_NAME}"
+
+STRIPE_KEY=pk_test_TQXzwMy2mHpxsuWwzNsBNXNu
+STRIPE_SECRET=sk_test_3GV6DE3brug6GX1GJjsGLqCk
+STRIPE_WEBHOOK_SECRET=whsec_b2c8ba403dbbfb3aa395537d4c9e80a04e2dd32e964eebb2a87b416c66931b7d
+CASHIER_CURRENCY=eur
+CASHIER_LOGGER=stack
+STRIPE_PRODUCT_ID=price_1R7a4FIWRSe7TYLFAjJ1tuXS
+
+
+GOOGLE_CLIENT_ID=895990939288-ag6mfqr9cq1k892djfpqsvrj6k4h8cfn.apps.googleusercontent.com
+GOOGLE_CLIENT_SECRET=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
+GOOGLE_REDIRECT="${APP_URL}/auth/social/google/callback"
+
+FACEBOOK_CLIENT_ID=1229328491886413
+FACEBOOK_CLIENT_SECRET=57f4275fc84334210332c71eaf365f01
+FACEBOOK_REDIRECT="${APP_URL}/auth/social/facebook/callback"

.github/workflows/lint.yml

@@ -36,7 +36,7 @@ jobs:
         run: npm run format
 
       - name: Lint Frontend
-        run: npm run lint
+        run: npx prettier --check .
 
       # - name: Commit Changes
       #   uses: stefanzweifel/git-auto-commit-action@v5

.github/workflows/tests.yml

@@ -31,8 +31,13 @@ jobs:
           node-version: "22"
           cache: "npm"
 
+      - name: Set up MySQL
+        run: |
+          sudo systemctl start mysql
+          mysql --user="root" --password="root" -e "CREATE DATABASE \`DB_DATABASE=metisio_testing\` character set UTF8mb4 collate utf8mb4_bin;"
+
       - name: Install Node Dependencies
-        run: npm ci
+        run: npm install
 
       - name: Build Assets
         run: npm run build
@@ -46,5 +51,14 @@ jobs:
       - name: Generate Application Key
         run: php artisan key:generate
 
+      - name: Run Migrations
+        run: php artisan migrate
+
+      - name: Start Server
+        run: php artisan serve --no-reload &
+
       - name: Tests
-        run: ./vendor/bin/phpunit
+        run: php artisan test
+
+      - name: Browser Tests
+        run: php artisan dusk

app/Http/Controllers/Auth/SocialitePlusController.php

@@ -2,11 +2,11 @@
 
 namespace App\Http\Controllers\Auth;
 
+use App\Http\Controllers\Controller;
 use App\Models\User;
-use Illuminate\Http\Request;
 use Blaspsoft\SocialitePlus\SocialitePlusFactory;
+use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
-use App\Http\Controllers\Controller;
 
 class SocialitePlusController extends Controller
 {
@@ -19,8 +19,6 @@ class SocialitePlusController extends Controller
 
     /**
      * Create a new SocialLoginController instance.
-     *
-     * @param SocialitePlusFactory $socialitePlus
      */
     public function __construct(SocialitePlusFactory $socialitePlus)
     {
@@ -30,7 +28,6 @@ public function __construct(SocialitePlusFactory $socialitePlus)
     /**
      * Redirect to the social login page
      *
-     * @param string $provider
      * @return \Illuminate\Http\RedirectResponse
      */
     public function redirect(string $provider)
@@ -47,20 +44,21 @@ public function redirect(string $provider)
     /**
      * Handle the social login callback
      *
-     * @param string $provider
-     * @param Request $request
      * @return \Illuminate\Http\RedirectResponse
      */
     public function callback(string $provider, Request $request)
     {
-        if (!$request->has('code')) return redirect()->route('login')->with('error', 'Invalid request');
+        if (! $request->has('code')) {
+            return redirect()->route('login')->with('error', 'Invalid request');
+        }
 
         $user = $this->socialitePlus->build($provider)->user();
 
         $existingUser = User::where('email', $user->getEmail())->first();
 
         if ($existingUser) {
             Auth::login($existingUser);
+
             return redirect()->intended('/dashboard');
         }
 

database/factories/FileUploadFactory.php

@@ -18,13 +18,13 @@ class FileUploadFactory extends Factory
      */
     public function definition(): array
     {
-        $filename = Str::uuid() . '.pdf';
+        $filename = Str::uuid().'.pdf';
 
         return [
             'user_id' => User::factory(),
             'filename' => $filename,
-            'original_filename' => $this->faker->word() . '.pdf',
-            'path' => 'uploads/' . $filename,
+            'original_filename' => $this->faker->word().'.pdf',
+            'path' => 'uploads/'.$filename,
             'mime_type' => 'application/pdf',
             'size' => $this->faker->numberBetween(1000, 5000000),
             'status' => $this->faker->randomElement(['uploaded', 'processing', 'processed']),

resources/js/components/app-header.tsx

@@ -56,8 +56,7 @@ const rightNavItems: NavItem[] = [
     },
 ];
 
-const activeItemStyles =
-    "text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100";
+const activeItemStyles = "text-neutral-900";
 
 interface AppHeaderProps {
     breadcrumbs?: BreadcrumbItem[];
@@ -91,7 +90,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {
                                     Navigation Menu
                                 </SheetTitle>
                                 <SheetHeader className="flex justify-start text-left">
-                                    <AppLogoIcon className="h-6 w-6 fill-current text-black dark:text-white" />
+                                    <AppLogoIcon className="h-6 w-6 fill-current text-black" />
                                 </SheetHeader>
                                 <div className="flex h-full flex-1 flex-col space-y-4 p-4">
                                     <div className="flex h-full flex-col justify-between text-sm">
@@ -173,7 +172,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {
                                             {item.title}
                                         </Link>
                                         {page.url === item.href && (
-                                            <div className="absolute bottom-0 left-0 h-0.5 w-full translate-y-px bg-black dark:bg-white"></div>
+                                            <div className="absolute bottom-0 left-0 h-0.5 w-full translate-y-px bg-black"></div>
                                         )}
                                     </NavigationMenuItem>
                                 ))}
@@ -234,7 +233,7 @@ export function AppHeader({ breadcrumbs = [] }: AppHeaderProps) {
                                             src={auth.user.avatar}
                                             alt={auth.user.name}
                                         />
-                                        <AvatarFallback className="rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white">
+                                        <AvatarFallback className="rounded-lg bg-neutral-200 text-black">
                                             {getInitials(auth.user.name)}
                                         </AvatarFallback>
                                     </Avatar>

resources/js/components/app-logo.tsx

@@ -4,7 +4,7 @@ export default function AppLogo() {
     return (
         <>
             <div className="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-md">
-                <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
+                <AppLogoIcon className="size-5 fill-current text-white" />
             </div>
             <div className="ml-1 grid flex-1 text-left text-sm">
                 <span className="mb-0.5 truncate leading-none font-semibold">

resources/js/components/appearance-tabs.tsx

@@ -18,7 +18,7 @@ export default function AppearanceToggleTab({
     return (
         <div
             className={cn(
-                "inline-flex gap-1 rounded-lg bg-neutral-100 p-1 dark:bg-neutral-800",
+                "inline-flex gap-1 rounded-lg bg-neutral-100 p-1",
                 className,
             )}
             {...props}
@@ -30,8 +30,8 @@ export default function AppearanceToggleTab({
                     className={cn(
                         "flex items-center rounded-md px-3.5 py-1.5 transition-colors",
                         appearance === value
-                            ? "bg-white shadow-xs dark:bg-neutral-700 dark:text-neutral-100"
-                            : "text-neutral-500 hover:bg-neutral-200/60 hover:text-black dark:text-neutral-400 dark:hover:bg-neutral-700/60",
+                            ? "bg-white shadow-xs"
+                            : "text-neutral-500 hover:bg-neutral-200/60 hover:text-black",
                     )}
                 >
                     <Icon className="-ml-1 h-4 w-4" />

resources/js/components/catalyst/checkbox.tsx

@@ -54,12 +54,12 @@ const base = [
     // Background color when checked
     "group-data-checked:before:bg-(--checkbox-checked-bg)",
     // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-    "dark:before:hidden",
+    "before:hidden",
     // Background color applied to control in dark mode
-    "dark:bg-white/5 dark:group-data-checked:bg-(--checkbox-checked-bg)",
+    "bg-white/5",
     // Border
     "border border-zinc-950/15 group-data-checked:border-transparent group-data-hover:group-data-checked:border-transparent group-data-hover:border-zinc-950/30 group-data-checked:bg-(--checkbox-checked-border)",
-    "dark:border-white/15 dark:group-data-checked:border-white/5 dark:group-data-hover:group-data-checked:border-white/5 dark:group-data-hover:border-white/30",
+    "border-white/15",
     // Inner highlight shadow
     "after:absolute after:inset-0 after:rounded-[calc(0.3125rem-1px)] after:shadow-[inset_0_1px_--theme(--color-white/15%)]",
     "dark:after:-inset-px dark:after:hidden dark:after:rounded-[0.3125rem] dark:group-data-checked:after:block",

resources/js/components/catalyst/fieldset.tsx

@@ -27,7 +27,7 @@ export function Legend({
             {...props}
             className={clsx(
                 className,
-                "text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6 dark:text-white",
+                "text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6",
             )}
         />
     );
@@ -76,7 +76,7 @@ export function Label({
             {...props}
             className={clsx(
                 className,
-                "text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-white",
+                "text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6",
             )}
         />
     );
@@ -95,7 +95,7 @@ export function Description({
             {...props}
             className={clsx(
                 className,
-                "text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6 dark:text-zinc-400",
+                "text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6",
             )}
         />
     );
@@ -114,7 +114,7 @@ export function ErrorMessage({
             {...props}
             className={clsx(
                 className,
-                "text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6 dark:text-red-500",
+                "text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6",
             )}
         />
     );