0b796440f1
~3,470 new keys (5,770 total, EN=ES), ~115 more files wired. - nav + chromeUi: header, More menu, burger menu, footer, map toolbar widgets (sort/trust/weather), spot-type label helper. - placesUi: events, shops, tours, food. socialUi: crews, DMs, notifications, collectives, crew chat/coordinator. settingsUi: settings, auth/signup, onboarding, profile edit, legal. walletUi: wallet/Cashu, stash, mints, app shop, newsletter, community stats, leaderboards, profile. - Fixed 738 usages where an agent dropped the socialUi. prefix (caught by check:i18n).
53 lines
1.9 KiB
TypeScript
53 lines
1.9 KiB
TypeScript
import { useSeoMeta } from '@unhead/react';
|
|
import { Link } from 'react-router-dom';
|
|
import { Card, CardContent } from '@/components/ui/card';
|
|
import { LoginArea } from '@/components/auth/LoginArea';
|
|
import { CrewForm } from '@/components/CrewForm';
|
|
import { useTranslation } from '@/contexts/language';
|
|
import { useCurrentUser } from '@/hooks/useCurrentUser';
|
|
import { Users, ArrowLeft } from 'lucide-react';
|
|
|
|
export default function CreateCrewPage() {
|
|
const { t } = useTranslation();
|
|
useSeoMeta({
|
|
title: t('socialUi.createCrew.seoTitle'),
|
|
description: t('socialUi.createCrew.seoDescription'),
|
|
});
|
|
|
|
const { user } = useCurrentUser();
|
|
|
|
if (!user) {
|
|
return (
|
|
<>
|
|
<div className="container px-4 py-8">
|
|
<Card className="max-w-xl mx-auto bg-gray-900 border-gray-700">
|
|
<CardContent className="py-12 text-center">
|
|
<Users className="h-12 w-12 mx-auto mb-4 text-gray-600" />
|
|
<h2 className="text-xl font-bold mb-2">{t('socialUi.createCrew.loginRequired')}</h2>
|
|
<p className="text-gray-400 mb-6">{t('socialUi.createCrew.loginRequiredDesc')}</p>
|
|
<LoginArea className="justify-center max-w-60 mx-auto" />
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="container px-4 sm:px-6 py-6 sm:py-8 max-w-2xl">
|
|
<div className="mb-6">
|
|
<Link to="/crews" className="inline-flex items-center text-gray-400 hover:text-white transition-colors mb-4">
|
|
<ArrowLeft className="h-4 w-4 mr-2" />
|
|
{t('socialUi.createCrew.backToCrews')}
|
|
</Link>
|
|
<h1 className="text-3xl font-black uppercase text-teal-400" style={{ fontFamily: 'Impact, "Arial Black", sans-serif' }}>
|
|
{t('socialUi.createCrew.title')}
|
|
</h1>
|
|
<p className="text-gray-400 mt-1">{t('socialUi.createCrew.intro')}</p>
|
|
</div>
|
|
<CrewForm />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|