feat: replace campaign creation modal with dedicated page

- Create AdminCampaignCreate.tsx with full form for new campaigns
- Update AdminCampaigns.tsx to navigate to create page
- Keep edit functionality as modal
- Add route /admin/campaigns/create in App.tsx

src/App.tsx

@@ -41,6 +41,7 @@ const AdminBroadcasts = lazy(() => import('./pages/AdminBroadcasts'));
 const AdminBroadcastCreate = lazy(() => import('./pages/AdminBroadcastCreate'));
 const AdminPromocodes = lazy(() => import('./pages/AdminPromocodes'));
 const AdminCampaigns = lazy(() => import('./pages/AdminCampaigns'));
+const AdminCampaignCreate = lazy(() => import('./pages/AdminCampaignCreate'));
 const AdminUsers = lazy(() => import('./pages/AdminUsers'));
 const AdminPayments = lazy(() => import('./pages/AdminPayments'));
 const AdminPaymentMethods = lazy(() => import('./pages/AdminPaymentMethods'));
@@ -358,6 +359,16 @@ function App() {
             </AdminRoute>
           }
         />
+        <Route
+          path="/admin/campaigns/create"
+          element={
+            <AdminRoute>
+              <LazyPage>
+                <AdminCampaignCreate />
+              </LazyPage>
+            </AdminRoute>
+          }
+        />
         <Route
           path="/admin/users"
           element={

src/pages/AdminCampaignCreate.tsx

@@ -0,0 +1,447 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import {
+  campaignsApi,
+  CampaignCreateRequest,
+  CampaignBonusType,
+  ServerSquadInfo,
+  TariffListItem,
+} from '../api/campaigns';
+import { AdminBackButton } from '../components/admin';
+
+// Icons
+const CampaignIcon = () => (
+  <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46"
+    />
+  </svg>
+);
+
+const CheckIcon = () => (
+  <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+    <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 12.75l6 6 9-13.5" />
+  </svg>
+);
+
+const RefreshIcon = () => (
+  <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+    />
+  </svg>
+);
+
+// Bonus type config
+const bonusTypeConfig: Record<
+  CampaignBonusType,
+  { labelKey: string; color: string; bgColor: string; borderColor: string }
+> = {
+  balance: {
+    labelKey: 'admin.campaigns.bonusType.balance',
+    color: 'text-success-400',
+    bgColor: 'bg-success-500/10',
+    borderColor: 'border-success-500/30',
+  },
+  subscription: {
+    labelKey: 'admin.campaigns.bonusType.subscription',
+    color: 'text-accent-400',
+    bgColor: 'bg-accent-500/10',
+    borderColor: 'border-accent-500/30',
+  },
+  tariff: {
+    labelKey: 'admin.campaigns.bonusType.tariff',
+    color: 'text-accent-400',
+    bgColor: 'bg-accent-500/10',
+    borderColor: 'border-accent-500/30',
+  },
+  none: {
+    labelKey: 'admin.campaigns.bonusType.none',
+    color: 'text-dark-400',
+    bgColor: 'bg-dark-500/10',
+    borderColor: 'border-dark-500/30',
+  },
+};
+
+// Server selector component
+function ServerSelector({
+  servers,
+  selected,
+  onToggle,
+}: {
+  servers: ServerSquadInfo[];
+  selected: string[];
+  onToggle: (uuid: string) => void;
+}) {
+  const { t } = useTranslation();
+
+  if (servers.length === 0) return null;
+
+  return (
+    <div>
+      <label className="mb-2 block text-sm font-medium text-dark-300">
+        {t('admin.campaigns.form.servers')}
+      </label>
+      <div className="max-h-48 space-y-2 overflow-y-auto rounded-lg border border-dark-700 bg-dark-800 p-3">
+        {servers.map((server) => (
+          <button
+            key={server.id}
+            type="button"
+            onClick={() => onToggle(server.squad_uuid)}
+            className={`flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors ${
+              selected.includes(server.squad_uuid)
+                ? 'bg-accent-500/20 text-accent-300'
+                : 'bg-dark-700 text-dark-300 hover:bg-dark-600'
+            }`}
+          >
+            <div
+              className={`flex h-5 w-5 items-center justify-center rounded ${
+                selected.includes(server.squad_uuid) ? 'bg-accent-500 text-white' : 'bg-dark-600'
+              }`}
+            >
+              {selected.includes(server.squad_uuid) && <CheckIcon />}
+            </div>
+            <span className="text-sm font-medium">{server.display_name}</span>
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// Tariff selector component
+function TariffSelector({
+  tariffs,
+  value,
+  onChange,
+}: {
+  tariffs: TariffListItem[];
+  value: number | null;
+  onChange: (id: number | null) => void;
+}) {
+  const { t } = useTranslation();
+
+  return (
+    <div>
+      <label className="mb-2 block text-sm font-medium text-dark-300">
+        {t('admin.campaigns.form.selectTariff')}
+      </label>
+      <select
+        value={value || ''}
+        onChange={(e) => onChange(e.target.value ? parseInt(e.target.value) : null)}
+        className="input"
+      >
+        <option value="">{t('admin.campaigns.form.notSelected')}</option>
+        {tariffs.map((tariff) => (
+          <option key={tariff.id} value={tariff.id}>
+            {tariff.name} ({tariff.traffic_limit_gb} GB, {tariff.device_limit}{' '}
+            {t('admin.campaigns.form.devices')})
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+}
+
+export default function AdminCampaignCreate() {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+
+  // Form state
+  const [name, setName] = useState('');
+  const [startParameter, setStartParameter] = useState('');
+  const [bonusType, setBonusType] = useState<CampaignBonusType>('balance');
+  const [isActive, setIsActive] = useState(true);
+
+  // Balance bonus
+  const [balanceBonusRubles, setBalanceBonusRubles] = useState(0);
+
+  // Subscription bonus
+  const [subscriptionDays, setSubscriptionDays] = useState(7);
+  const [subscriptionTraffic, setSubscriptionTraffic] = useState(10);
+  const [subscriptionDevices, setSubscriptionDevices] = useState(1);
+  const [selectedSquads, setSelectedSquads] = useState<string[]>([]);
+
+  // Tariff bonus
+  const [tariffId, setTariffId] = useState<number | null>(null);
+  const [tariffDays, setTariffDays] = useState(30);
+
+  // Fetch servers
+  const { data: servers = [] } = useQuery({
+    queryKey: ['admin-campaigns-servers'],
+    queryFn: () => campaignsApi.getAvailableServers(),
+  });
+
+  // Fetch tariffs
+  const { data: tariffs = [] } = useQuery({
+    queryKey: ['admin-campaigns-tariffs'],
+    queryFn: () => campaignsApi.getAvailableTariffs(),
+  });
+
+  // Create mutation
+  const createMutation = useMutation({
+    mutationFn: campaignsApi.createCampaign,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['admin-campaigns'] });
+      queryClient.invalidateQueries({ queryKey: ['admin-campaigns-overview'] });
+      navigate('/admin/campaigns');
+    },
+  });
+
+  const toggleServer = (uuid: string) => {
+    setSelectedSquads((prev) =>
+      prev.includes(uuid) ? prev.filter((s) => s !== uuid) : [...prev, uuid],
+    );
+  };
+
+  const handleSubmit = () => {
+    const data: CampaignCreateRequest = {
+      name,
+      start_parameter: startParameter,
+      bonus_type: bonusType,
+      is_active: isActive,
+    };
+
+    if (bonusType === 'balance') {
+      data.balance_bonus_kopeks = Math.round(balanceBonusRubles * 100);
+    } else if (bonusType === 'subscription') {
+      data.subscription_duration_days = subscriptionDays;
+      data.subscription_traffic_gb = subscriptionTraffic;
+      data.subscription_device_limit = subscriptionDevices;
+      data.subscription_squads = selectedSquads;
+    } else if (bonusType === 'tariff') {
+      data.tariff_id = tariffId || undefined;
+      data.tariff_duration_days = tariffDays;
+    }
+
+    createMutation.mutate(data);
+  };
+
+  const isValid = name.trim() && startParameter.trim() && /^[a-zA-Z0-9_-]+$/.test(startParameter);
+
+  return (
+    <div className="space-y-6">
+      {/* Header */}
+      <div className="flex items-center gap-3">
+        <AdminBackButton />
+        <div className="flex items-center gap-3">
+          <div className="rounded-lg bg-accent-500/20 p-2 text-accent-400">
+            <CampaignIcon />
+          </div>
+          <div>
+            <h1 className="text-xl font-bold text-dark-100">
+              {t('admin.campaigns.modal.createTitle')}
+            </h1>
+            <p className="text-sm text-dark-400">{t('admin.campaigns.subtitle')}</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Basic Info */}
+      <div className="card space-y-4">
+        {/* Name */}
+        <div>
+          <label className="mb-2 block text-sm font-medium text-dark-300">
+            {t('admin.campaigns.form.name')}
+          </label>
+          <input
+            type="text"
+            value={name}
+            onChange={(e) => setName(e.target.value)}
+            className="input"
+            placeholder={t('admin.campaigns.form.namePlaceholder')}
+          />
+        </div>
+
+        {/* Start Parameter */}
+        <div>
+          <label className="mb-2 block text-sm font-medium text-dark-300">
+            {t('admin.campaigns.form.startParameter')}
+          </label>
+          <input
+            type="text"
+            value={startParameter}
+            onChange={(e) => setStartParameter(e.target.value.replace(/[^a-zA-Z0-9_-]/g, ''))}
+            className="input font-mono"
+            placeholder="instagram_jan2024"
+          />
+          <p className="mt-1 text-xs text-dark-500">
+            {t('admin.campaigns.form.startParameterHint')}
+          </p>
+        </div>
+
+        {/* Active toggle */}
+        <div className="flex items-center justify-between rounded-lg border border-dark-700 bg-dark-800 p-4">
+          <span className="text-sm font-medium text-dark-300">
+            {t('admin.campaigns.form.active')}
+          </span>
+          <button
+            type="button"
+            onClick={() => setIsActive(!isActive)}
+            className={`relative h-6 w-11 rounded-full transition-colors ${
+              isActive ? 'bg-accent-500' : 'bg-dark-600'
+            }`}
+          >
+            <span
+              className={`absolute top-1 h-4 w-4 rounded-full bg-white transition-transform ${
+                isActive ? 'left-6' : 'left-1'
+              }`}
+            />
+          </button>
+        </div>
+      </div>
+
+      {/* Bonus Type */}
+      <div className="card space-y-4">
+        <h2 className="text-lg font-semibold text-dark-100">
+          {t('admin.campaigns.form.bonusType')}
+        </h2>
+
+        <div className="grid grid-cols-2 gap-3">
+          {(Object.keys(bonusTypeConfig) as CampaignBonusType[]).map((type) => (
+            <button
+              key={type}
+              type="button"
+              onClick={() => setBonusType(type)}
+              className={`rounded-lg border p-4 text-left transition-all ${
+                bonusType === type
+                  ? `${bonusTypeConfig[type].bgColor} ${bonusTypeConfig[type].borderColor} ${bonusTypeConfig[type].color}`
+                  : 'border-dark-700 bg-dark-800 text-dark-300 hover:border-dark-600'
+              }`}
+            >
+              <span className="text-sm font-medium">{t(bonusTypeConfig[type].labelKey)}</span>
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Bonus Settings */}
+      {bonusType === 'balance' && (
+        <div
+          className={`card space-y-4 border ${bonusTypeConfig.balance.borderColor} ${bonusTypeConfig.balance.bgColor}`}
+        >
+          <h2 className={`text-lg font-semibold ${bonusTypeConfig.balance.color}`}>
+            {t('admin.campaigns.form.balanceBonus')}
+          </h2>
+          <div className="flex items-center gap-3">
+            <input
+              type="number"
+              value={balanceBonusRubles}
+              onChange={(e) => setBalanceBonusRubles(Math.max(0, parseFloat(e.target.value) || 0))}
+              className="input w-32"
+              min={0}
+              step={1}
+            />
+            <span className="text-dark-300">₽</span>
+          </div>
+        </div>
+      )}
+
+      {bonusType === 'subscription' && (
+        <div
+          className={`card space-y-4 border ${bonusTypeConfig.subscription.borderColor} ${bonusTypeConfig.subscription.bgColor}`}
+        >
+          <h2 className={`text-lg font-semibold ${bonusTypeConfig.subscription.color}`}>
+            {t('admin.campaigns.form.trialSubscription')}
+          </h2>
+
+          <div className="grid grid-cols-3 gap-4">
+            <div>
+              <label className="mb-2 block text-sm text-dark-400">
+                {t('admin.campaigns.form.days')}
+              </label>
+              <input
+                type="number"
+                value={subscriptionDays}
+                onChange={(e) => setSubscriptionDays(Math.max(1, parseInt(e.target.value) || 1))}
+                className="input"
+                min={1}
+              />
+            </div>
+            <div>
+              <label className="mb-2 block text-sm text-dark-400">
+                {t('admin.campaigns.form.trafficGb')}
+              </label>
+              <input
+                type="number"
+                value={subscriptionTraffic}
+                onChange={(e) => setSubscriptionTraffic(Math.max(0, parseInt(e.target.value) || 0))}
+                className="input"
+                min={0}
+              />
+            </div>
+            <div>
+              <label className="mb-2 block text-sm text-dark-400">
+                {t('admin.campaigns.form.devices')}
+              </label>
+              <input
+                type="number"
+                value={subscriptionDevices}
+                onChange={(e) => setSubscriptionDevices(Math.max(1, parseInt(e.target.value) || 1))}
+                className="input"
+                min={1}
+              />
+            </div>
+          </div>
+
+          <ServerSelector servers={servers} selected={selectedSquads} onToggle={toggleServer} />
+        </div>
+      )}
+
+      {bonusType === 'tariff' && (
+        <div
+          className={`card space-y-4 border ${bonusTypeConfig.tariff.borderColor} ${bonusTypeConfig.tariff.bgColor}`}
+        >
+          <h2 className={`text-lg font-semibold ${bonusTypeConfig.tariff.color}`}>
+            {t('admin.campaigns.form.tariff')}
+          </h2>
+
+          <TariffSelector tariffs={tariffs} value={tariffId} onChange={setTariffId} />
+
+          <div>
+            <label className="mb-2 block text-sm font-medium text-dark-300">
+              {t('admin.campaigns.form.durationDays')}
+            </label>
+            <input
+              type="number"
+              value={tariffDays}
+              onChange={(e) => setTariffDays(Math.max(1, parseInt(e.target.value) || 1))}
+              className="input w-32"
+              min={1}
+            />
+          </div>
+        </div>
+      )}
+
+      {bonusType === 'none' && (
+        <div
+          className={`card border ${bonusTypeConfig.none.borderColor} ${bonusTypeConfig.none.bgColor}`}
+        >
+          <p className="text-sm text-dark-400">{t('admin.campaigns.form.noBonusDescription')}</p>
+        </div>
+      )}
+
+      {/* Footer */}
+      <div className="card flex items-center justify-end gap-3">
+        <button onClick={() => navigate('/admin/campaigns')} className="btn-secondary">
+          {t('common.cancel')}
+        </button>
+        <button
+          onClick={handleSubmit}
+          disabled={!isValid || createMutation.isPending}
+          className="btn-primary flex items-center gap-2"
+        >
+          {createMutation.isPending ? <RefreshIcon /> : <CampaignIcon />}
+          {t('admin.campaigns.form.save')}
+        </button>
+      </div>
+    </div>
+  );
+}

src/pages/AdminCampaigns.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import i18n from '../i18n';
@@ -7,7 +8,6 @@ import {
   CampaignListItem,
   CampaignDetail,
   CampaignStatistics,
-  CampaignCreateRequest,
   CampaignUpdateRequest,
   CampaignBonusType,
   ServerSquadInfo,
@@ -148,12 +148,12 @@ const formatDate = (dateStr: string | null) => {
   });
 };
 
-// Campaign Modal
+// Campaign Edit Modal
 interface CampaignModalProps {
-  campaign?: CampaignDetail | null;
+  campaign: CampaignDetail;
   servers: ServerSquadInfo[];
   tariffs: TariffListItem[];
-  onSave: (data: CampaignCreateRequest | CampaignUpdateRequest) => void;
+  onSave: (data: CampaignUpdateRequest) => void;
   onClose: () => void;
   isLoading?: boolean;
 }
@@ -167,38 +167,37 @@ function CampaignModal({
   isLoading,
 }: CampaignModalProps) {
   const { t } = useTranslation();
-  const isEdit = !!campaign;
 
-  const [name, setName] = useState(campaign?.name || '');
+  const [name, setName] = useState(campaign.name || '');
-  const [startParameter, setStartParameter] = useState(campaign?.start_parameter || '');
+  const [startParameter, setStartParameter] = useState(campaign.start_parameter || '');
-  const [bonusType, setBonusType] = useState<CampaignBonusType>(campaign?.bonus_type || 'balance');
+  const [bonusType, setBonusType] = useState<CampaignBonusType>(campaign.bonus_type || 'balance');
-  const [isActive, setIsActive] = useState(campaign?.is_active ?? true);
+  const [isActive, setIsActive] = useState(campaign.is_active ?? true);
 
   // Balance bonus
   const [balanceBonusRubles, setBalanceBonusRubles] = useState(
-    (campaign?.balance_bonus_kopeks || 0) / 100,
+    (campaign.balance_bonus_kopeks || 0) / 100,
   );
 
   // Subscription bonus
   const [subscriptionDays, setSubscriptionDays] = useState(
-    campaign?.subscription_duration_days || 7,
+    campaign.subscription_duration_days || 7,
   );
   const [subscriptionTraffic, setSubscriptionTraffic] = useState(
-    campaign?.subscription_traffic_gb || 10,
+    campaign.subscription_traffic_gb || 10,
   );
   const [subscriptionDevices, setSubscriptionDevices] = useState(
-    campaign?.subscription_device_limit || 1,
+    campaign.subscription_device_limit || 1,
   );
   const [selectedSquads, setSelectedSquads] = useState<string[]>(
-    campaign?.subscription_squads || [],
+    campaign.subscription_squads || [],
   );
 
   // Tariff bonus
-  const [tariffId, setTariffId] = useState<number | null>(campaign?.tariff_id || null);
+  const [tariffId, setTariffId] = useState<number | null>(campaign.tariff_id || null);
-  const [tariffDays, setTariffDays] = useState(campaign?.tariff_duration_days || 30);
+  const [tariffDays, setTariffDays] = useState(campaign.tariff_duration_days || 30);
 
   const handleSubmit = () => {
-    const data: CampaignCreateRequest | CampaignUpdateRequest = {
+    const data: CampaignUpdateRequest = {
       name,
       start_parameter: startParameter,
       bonus_type: bonusType,
@@ -234,7 +233,7 @@ function CampaignModal({
         {/* Header */}
         <div className="flex items-center justify-between border-b border-dark-700 p-4">
           <h2 className="text-lg font-semibold text-dark-100">
-            {isEdit ? t('admin.campaigns.modal.editTitle') : t('admin.campaigns.modal.createTitle')}
+            {t('admin.campaigns.modal.editTitle')}
           </h2>
           <button onClick={onClose} className="rounded-lg p-1 transition-colors hover:bg-dark-700">
             <XIcon />
@@ -830,9 +829,9 @@ function UsersModal({ campaignId, campaignName, onClose }: UsersModalProps) {
 // Main Component
 export default function AdminCampaigns() {
   const { t } = useTranslation();
+  const navigate = useNavigate();
   const queryClient = useQueryClient();
 
-  const [showModal, setShowModal] = useState(false);
   const [editingCampaign, setEditingCampaign] = useState<CampaignDetail | null>(null);
   const [showStats, setShowStats] = useState<CampaignStatistics | null>(null);
   const [showUsers, setShowUsers] = useState<{ id: number; name: string } | null>(null);
@@ -860,21 +859,11 @@ export default function AdminCampaigns() {
   });
 
   // Mutations
-  const createMutation = useMutation({
-    mutationFn: campaignsApi.createCampaign,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['admin-campaigns'] });
-      queryClient.invalidateQueries({ queryKey: ['admin-campaigns-overview'] });
-      setShowModal(false);
-    },
-  });
-
   const updateMutation = useMutation({
     mutationFn: ({ id, data }: { id: number; data: CampaignUpdateRequest }) =>
       campaignsApi.updateCampaign(id, data),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['admin-campaigns'] });
-      setShowModal(false);
       setEditingCampaign(null);
     },
   });
@@ -899,7 +888,6 @@ export default function AdminCampaigns() {
     try {
       const detail = await campaignsApi.getCampaign(campaignId);
       setEditingCampaign(detail);
-      setShowModal(true);
     } catch (error) {
       console.error('Failed to load campaign:', error);
     }
@@ -914,16 +902,13 @@ export default function AdminCampaigns() {
     }
   };
 
-  const handleSave = (data: CampaignCreateRequest | CampaignUpdateRequest) => {
+  const handleSave = (data: CampaignUpdateRequest) => {
     if (editingCampaign) {
       updateMutation.mutate({ id: editingCampaign.id, data });
-    } else {
-      createMutation.mutate(data as CampaignCreateRequest);
     }
   };
 
   const handleCloseModal = () => {
-    setShowModal(false);
     setEditingCampaign(null);
   };
 
@@ -941,10 +926,7 @@ export default function AdminCampaigns() {
           </div>
         </div>
         <button
-          onClick={() => {
+          onClick={() => navigate('/admin/campaigns/create')}
-            setEditingCampaign(null);
-            setShowModal(true);
-          }}
           className="flex items-center gap-2 rounded-lg bg-accent-500 px-4 py-2 text-white transition-colors hover:bg-accent-600"
         >
           <PlusIcon />
@@ -1085,15 +1067,15 @@ export default function AdminCampaigns() {
         </div>
       )}
 
-      {/* Create/Edit Modal */}
+      {/* Edit Modal */}
-      {showModal && (
+      {editingCampaign && (
         <CampaignModal
           campaign={editingCampaign}
           servers={servers}
           tariffs={tariffs}
           onSave={handleSave}
           onClose={handleCloseModal}
-          isLoading={createMutation.isPending || updateMutation.isPending}
+          isLoading={updateMutation.isPending}
         />
       )}