} size="large" onClick={handleSave}>
Save Settings
diff --git a/admin/src/pages/events/EventDetailPage.tsx b/admin/src/pages/events/EventDetailPage.tsx
index 122d4113..c1e55c48 100644
--- a/admin/src/pages/events/EventDetailPage.tsx
+++ b/admin/src/pages/events/EventDetailPage.tsx
@@ -96,7 +96,7 @@ export default function EventDetailPage() {
setJoiningMeeting(true);
try {
const { data } = await api.post(`/ticketed-events/admin/${id}/meeting-token`);
- window.open(data.jitsiUrl, '_blank');
+ window.open(data.jitsiUrl, '_blank', 'noopener,noreferrer');
} catch {
message.error('Failed to generate meeting token');
} finally {
@@ -232,6 +232,7 @@ export default function EventDetailPage() {
rowKey="id"
pagination={false}
size="small"
+ scroll={{ x: 'max-content' }}
columns={[
{ title: 'Tier', dataIndex: 'name', key: 'name' },
{ title: 'Type', dataIndex: 'tierType', key: 'type', render: (v: string) =>
{v} },
@@ -257,7 +258,7 @@ export default function EventDetailPage() {
prefix={
}
value={ticketSearch}
onChange={e => setTicketSearch(e.target.value)}
- style={{ width: 300, marginBottom: 16 }}
+ style={{ maxWidth: 300, width: '100%', marginBottom: 16 }}
allowClear
/>
),
diff --git a/admin/src/pages/events/TicketedEventsPage.tsx b/admin/src/pages/events/TicketedEventsPage.tsx
index 859d4c62..0fc69c15 100644
--- a/admin/src/pages/events/TicketedEventsPage.tsx
+++ b/admin/src/pages/events/TicketedEventsPage.tsx
@@ -334,6 +334,7 @@ export default function TicketedEventsPage() {
columns={columns}
rowKey="id"
loading={loading}
+ scroll={{ x: 'max-content' }}
pagination={{
current: pagination.page,
pageSize: pagination.limit,
diff --git a/admin/src/pages/influence/CampaignModerationPage.tsx b/admin/src/pages/influence/CampaignModerationPage.tsx
index 5759545b..da2f5166 100644
--- a/admin/src/pages/influence/CampaignModerationPage.tsx
+++ b/admin/src/pages/influence/CampaignModerationPage.tsx
@@ -134,6 +134,7 @@ export default function CampaignModerationPage() {
{
title: 'Creator',
key: 'creator',
+ responsive: ['md'] as any,
render: (_, record) => (
{record.createdByUserName || 'Unknown'}
@@ -155,6 +156,7 @@ export default function CampaignModerationPage() {
title: 'Levels',
dataIndex: 'targetGovernmentLevels',
key: 'levels',
+ responsive: ['lg'] as any,
render: (levels: GovernmentLevel[]) => (
{levels.map(l => {GOVERNMENT_LEVEL_LABELS[l]})}
@@ -165,6 +167,7 @@ export default function CampaignModerationPage() {
title: 'Submitted',
dataIndex: 'createdAt',
key: 'createdAt',
+ responsive: ['md'] as any,
render: (d: string) => dayjs(d).format('MMM D, YYYY'),
},
{
@@ -181,7 +184,7 @@ export default function CampaignModerationPage() {
style={{ background: '#52c41a', borderColor: '#52c41a' }}
onClick={() => handleModerate(record.id, 'approve')}
>
- Approve
+ {!isMobile && 'Approve'}
}
onClick={() => { setSelectedCampaign(record); openActionModal('reject'); }}
>
- Reject
+ {!isMobile && 'Reject'}
}
onClick={() => { setSelectedCampaign(record); openActionModal('request_changes'); }}
>
- Request Changes
+ {!isMobile && 'Request Changes'}
)}
@@ -278,7 +281,7 @@ export default function CampaignModerationPage() {
showSizeChanger: false,
showTotal: (t) => `${t} campaigns`,
}}
- scroll={{ x: 800 }}
+ scroll={{ x: 'max-content' }}
/>
{/* Detail Drawer */}
diff --git a/admin/src/pages/influence/ImpactStoriesPage.tsx b/admin/src/pages/influence/ImpactStoriesPage.tsx
index 38ad71f4..57a02f01 100644
--- a/admin/src/pages/influence/ImpactStoriesPage.tsx
+++ b/admin/src/pages/influence/ImpactStoriesPage.tsx
@@ -23,6 +23,7 @@ import {
import type { ColumnsType, TablePaginationConfig } from 'antd/es/table';
import dayjs from 'dayjs';
import { api } from '@/lib/api';
+import { useMobile } from '@/hooks/useMobile';
import axios from 'axios';
const { TextArea } = Input;
@@ -62,6 +63,7 @@ const statusColors: Record = {
};
export default function ImpactStoriesPage() {
+ const { isMobile } = useMobile();
const [stories, setStories] = useState([]);
const [campaigns, setCampaigns] = useState([]);
const [loading, setLoading] = useState(false);
@@ -197,6 +199,7 @@ export default function ImpactStoriesPage() {
title: 'Campaign',
dataIndex: ['campaign', 'title'],
ellipsis: true,
+ responsive: ['md'] as any,
},
{
title: 'Type',
@@ -214,12 +217,14 @@ export default function ImpactStoriesPage() {
title: 'Milestone',
dataIndex: 'milestoneValue',
width: 100,
+ responsive: ['lg'] as any,
render: (val: number | null) => val ? {val} : '-',
},
{
title: 'Published',
dataIndex: 'publishedAt',
width: 140,
+ responsive: ['md'] as any,
render: (date: string | null) => date ? dayjs(date).format('MMM D, YYYY') : '-',
},
{
@@ -282,6 +287,7 @@ export default function ImpactStoriesPage() {
/>
setModalOpen(false)}
onOk={handleSave}
- width={640}
+ width={isMobile ? '100%' : 640}
destroyOnHidden
>