Refactor: Update Tenant PWA headers and tabs to use Playfair Display and Tamagui components
This commit is contained in:
@@ -1,19 +1,19 @@
|
||||
import React from 'react';
|
||||
import { useLocation, useNavigate, useParams } from 'react-router-dom';
|
||||
import { useNavigate, useParams } from 'react-router-dom';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import { Activity, Bell, CalendarDays, Camera, CheckCircle2, ChevronDown, Download, Image as ImageIcon, Layout, ListTodo, MapPin, Megaphone, MessageCircle, Pencil, QrCode, Settings, ShieldCheck, Smartphone, Sparkles, TrendingUp, Tv, Users, ArrowRight, Play, Clock, AlertCircle } from 'lucide-react';
|
||||
import { Bell, CalendarDays, Camera, CheckCircle2, Download, Image as ImageIcon, Layout, ListTodo, Megaphone, QrCode, Settings, ShieldCheck, Sparkles, TrendingUp, Tv, Users, ArrowRight, AlertCircle } from 'lucide-react';
|
||||
import { YStack, XStack } from '@tamagui/stacks';
|
||||
import { SizableText as Text } from '@tamagui/text';
|
||||
import { Pressable } from '@tamagui/react-native-web-lite';
|
||||
import { Image } from '@tamagui/image';
|
||||
import { isSameDay, isPast, isFuture, parseISO, differenceInDays, startOfDay } from 'date-fns';
|
||||
import { isSameDay, isPast, parseISO, differenceInDays, startOfDay } from 'date-fns';
|
||||
|
||||
import { MobileShell } from './components/MobileShell';
|
||||
import { ADMIN_EVENTS_PATH, adminPath } from '../constants';
|
||||
import { useEventContext } from '../context/EventContext';
|
||||
import { getEventStats, EventStats, TenantEvent, getEventPhotos, TenantPhoto } from '../api';
|
||||
import { formatEventDate, resolveEventDisplayName } from '../lib/events';
|
||||
import { formatEventDate } from '../lib/events';
|
||||
import { useAuth } from '../auth/context';
|
||||
import { useAdminTheme } from './theme';
|
||||
import { buildLimitWarnings } from '../lib/limitWarnings';
|
||||
@@ -172,8 +172,6 @@ export default function MobileDashboardPage() {
|
||||
navigate(ADMIN_EVENTS_PATH, { replace: true });
|
||||
}, [navigate, shouldRedirectToSelector]);
|
||||
|
||||
const [eventSwitcherOpen, setEventSwitcherOpen] = React.useState(false);
|
||||
|
||||
// --- RENDER ---
|
||||
|
||||
if (shouldRedirectToSelector) {
|
||||
@@ -391,7 +389,9 @@ function LifecycleHero({ event, stats, locale, navigate, onSwitch, canSwitch, re
|
||||
{readiness.isReady && (
|
||||
<XStack alignItems="center" space="$2">
|
||||
<CheckCircle2 size={18} color={theme.successText} />
|
||||
<Text fontSize="$sm" color={theme.successText} fontWeight="700">Ready for Liftoff</Text>
|
||||
<Text fontSize="$sm" color={theme.successText} fontWeight="700">
|
||||
{t('management:mobileDashboard.readyForLiftoff', 'Ready for Liftoff')}
|
||||
</Text>
|
||||
</XStack>
|
||||
)}
|
||||
</ModernCard>
|
||||
@@ -461,11 +461,11 @@ function UnifiedToolGrid({ event, navigate, permissions, isMember, isCompleted }
|
||||
|
||||
const sections = [
|
||||
{
|
||||
title: t('management:branding.badge', 'Experience'),
|
||||
title: t('management:mobileDashboard.quickActionsTitle', 'Experience'),
|
||||
items: experienceItems,
|
||||
},
|
||||
{
|
||||
title: t('management:workspace.hero.badge', 'Operations'),
|
||||
title: t('management:events.quickActions.title', 'Operations'),
|
||||
items: operationsItems,
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user