modified: backend/src/types/index.ts

modified:   frontend/src/App.tsx
	deleted:    frontend/src/components/EndpointModal.tsx
	new file:   frontend/src/pages/EndpointEditor.tsx
	modified:   frontend/src/pages/Endpoints.tsx
	modified:   frontend/src/pages/Folders.tsx
	modified:   frontend/src/types/index.ts

frontend/src/pages/Endpoints.tsx

@@ -1,18 +1,17 @@
 import { useState, useRef } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { endpointsApi, databasesApi } from '@/services/api';
-import { Endpoint, ImportPreviewResponse } from '@/types';
+import { endpointsApi } from '@/services/api';
+import { ImportPreviewResponse } from '@/types';
 import { Plus, Search, Edit2, Trash2, Download, Upload } from 'lucide-react';
 import toast from 'react-hot-toast';
-import EndpointModal from '@/components/EndpointModal';
 import ImportEndpointModal from '@/components/ImportEndpointModal';
 import Dialog from '@/components/Dialog';
 
 export default function Endpoints() {
   const queryClient = useQueryClient();
+  const navigate = useNavigate();
   const [search, setSearch] = useState('');
-  const [showModal, setShowModal] = useState(false);
-  const [editingEndpoint, setEditingEndpoint] = useState<Endpoint | null>(null);
   const [showImportModal, setShowImportModal] = useState(false);
   const [importFile, setImportFile] = useState<File | null>(null);
   const [importPreview, setImportPreview] = useState<ImportPreviewResponse | null>(null);
@@ -35,11 +34,6 @@ export default function Endpoints() {
     queryFn: () => endpointsApi.getAll(search).then(res => res.data),
   });
 
-  const { data: databases } = useQuery({
-    queryKey: ['databases'],
-    queryFn: () => databasesApi.getAll().then(res => res.data),
-  });
-
   const deleteMutation = useMutation({
     mutationFn: (id: string) => endpointsApi.delete(id),
     onSuccess: () => {
@@ -61,16 +55,6 @@ export default function Endpoints() {
     });
   };
 
-  const handleEdit = (endpoint: Endpoint) => {
-    setEditingEndpoint(endpoint);
-    setShowModal(true);
-  };
-
-  const handleCreate = () => {
-    setEditingEndpoint(null);
-    setShowModal(true);
-  };
-
   const handleExport = async (endpointId: string, endpointName: string) => {
     try {
       const response = await endpointsApi.exportEndpoint(endpointId);
@@ -129,7 +113,7 @@ export default function Endpoints() {
             <Upload size={20} />
             Импорт
           </button>
-          <button onClick={handleCreate} className="btn btn-primary flex items-center gap-2">
+          <button onClick={() => navigate('/endpoints/new')} className="btn btn-primary flex items-center gap-2">
             <Plus size={20} />
             Новый эндпоинт
           </button>
@@ -203,7 +187,7 @@ export default function Endpoints() {
                     <Download size={18} className="text-gray-600" />
                   </button>
                   <button
-                    onClick={() => handleEdit(endpoint)}
+                    onClick={() => navigate(`/endpoints/${endpoint.id}`)}
                     className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
                     title="Редактировать"
                   >
@@ -229,14 +213,6 @@ export default function Endpoints() {
         </div>
       )}
 
-      {showModal && (
-        <EndpointModal
-          endpoint={editingEndpoint}
-          databases={databases || []}
-          onClose={() => setShowModal(false)}
-        />
-      )}
-
       {showImportModal && importPreview && importFile && (
         <ImportEndpointModal
           preview={importPreview}