photo visibility for demo events, hardened the demo mode. fixed dark/light mode toggle and notification bell toggle. fixed photo upload page sizes & header visibility.

resources/js/guest/pages/__tests__/UploadActionCard.test.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { UploadActionCard } from '../HomePage';
+
+vi.mock('../../hooks/useDirectUpload', () => ({
+  useDirectUpload: () => ({
+    upload: vi.fn(),
+    uploading: false,
+    error: null,
+    warning: null,
+    progress: 0,
+    reset: vi.fn(),
+  }),
+}));
+
+vi.mock('react-router-dom', async () => {
+  const actual = await vi.importActual<typeof import('react-router-dom')>('react-router-dom');
+  return {
+    ...actual,
+    useNavigate: () => vi.fn(),
+  };
+});
+
+describe('UploadActionCard', () => {
+  it('renders with dark mode surface classes', () => {
+    render(
+      <MemoryRouter>
+        <UploadActionCard
+          token="demo"
+          accentColor="#f43f5e"
+          secondaryAccent="#fb7185"
+          radius={12}
+          requiresApproval={false}
+        />
+      </MemoryRouter>,
+    );
+
+    const card = screen.getByTestId('upload-action-card');
+    expect(card.className).toContain('bg-[var(--guest-surface)]');
+    expect(card.className).toContain('dark:bg-slate-950/70');
+  });
+});