From 0fd883b7cfefea4b8090378a08a6d1b6df2f8685 Mon Sep 17 00:00:00 2001
From: "s.galanskiy" <s.galanskiy@gossys.dev>
Date: Thu, 3 Jul 2025 13:30:13 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9E=D1=87=D0=B8=D1=81=D1=82=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=BC=D1=83=D1=81=D0=BE=D1=80=D0=B0=20=D0=BD=D0=B0=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B0=D0=BA=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FRONT/DEV/src/components/settings/Test.tsx | 87 ----------------------
 1 file changed, 87 deletions(-)
 delete mode 100644 FRONT/DEV/src/components/settings/Test.tsx

diff --git a/FRONT/DEV/src/components/settings/Test.tsx b/FRONT/DEV/src/components/settings/Test.tsx
deleted file mode 100644
index 3d6d654..0000000
--- a/FRONT/DEV/src/components/settings/Test.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-
-const DraggableList = () => {
-    const [items, setItems] = useState([
-        'Item 1',
-        'Item 2',
-        'Item 3',
-        'Item 4',
-        'Item 5',
-    ]);
-    const [draggingIndex, setDraggingIndex] = useState(null);
-
-    const handleDragStart = (index) => {
-        setDraggingIndex(index);
-    };
-
-    const handleDragOver = (index) => {
-        // Останавливаем стандартное поведение браузера
-        if (index !== draggingIndex) {
-            setItems((prevItems) => {
-                const newItems = [...prevItems];
-                const [movedItem] = newItems.splice(draggingIndex, 1); // Удаляем перетаскиваемый элемент
-                newItems.splice(index, 0, movedItem); // Вставляем его в новое место
-                return newItems;
-            });
-            setDraggingIndex(index); // Обновляем индекс для перетаскивания
-        }
-    };
-
-    const handleDrop = () => {
-        setDraggingIndex(null); // Сбрасываем состояние перетаскивания
-    };
-
-    return (
-        <StyledList>
-            {items.map((item, index) => (
-                <StyledItem
-                    key={index}
-                    className={draggingIndex === index ? 'dragging' : ''}
-                    draggable
-                    onDragStart={() => handleDragStart(index)}
-                    onDragOver={(e) => {
-                        e.preventDefault(); // Останавливаем стандартное поведение
-                        handleDragOver(index);
-                    }}
-                    onDragEnd={handleDrop}
-                >
-                    {item}
-                </StyledItem>
-            ))}
-        </StyledList>
-    );
-};
-
-export default DraggableList;
-
-// Стилизация с помощью styled-components
-
-const StyledList = styled.ul`
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-`;
-
-const StyledItem = styled.li`
-  background-color: #f4f4f9;
-  margin: 8px 0;
-  padding: 16px;
-  border-radius: 4px;
-  cursor: grab;
-  transition: transform 0.2s ease, background-color 0.3s ease;
-  
-  &:active {
-    transform: scale(0.98);
-  }
-
-  &.dragging {
-    background-color: #d0e1f9;
-    transform: scale(1.05);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  }
-
-  &:hover {
-    background-color: #e0e0e0;
-  }
-`;
\ No newline at end of file