copied tesing folder to the main site

2026-04-24 12:30:45 +10:00
parent c37b24ec38
commit 2df7ed36de
7 changed files with 356 additions and 0 deletions
--- a/site/testing/components/SortableItem.tsx
+++ b/site/testing/components/SortableItem.tsx
@@ -0,0 +1,41 @@
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { ListItem, ListItemText, ListItemButton, ListItemIcon} from '@mui/material';
+import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
+
+interface SortableItemProps {
+   item: string;
+   id: string;// чтобы тайпскрипт компилятор не жаловался, добавил в инетрфейс, хотя и так компилируется нормально
+   isDisabled:boolean;
+}
+
+export function SortableItem({ item ,isDisabled}: SortableItemProps) {
+      const id = item; /* идентификатор для useSortable */
+      const {
+        attributes,
+        listeners,
+        setNodeRef,
+        transform,
+        transition,
+      } = useSortable({ id });
+
+      const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+      };
+
+      return (
+        <ListItem ref={ isDisabled ? undefined : setNodeRef } style={ style } { ...attributes } { ...listeners }>
+          <ListItemButton
+              sx={{
+              border: '1px solid gray',
+              borderRadius: '5px',
+            }}>
+            <ListItemIcon>
+              <DragIndicatorIcon />
+            </ListItemIcon>
+            <ListItemText primary={ item } />
+          </ListItemButton>
+        </ListItem>
+      );
+    }