From c78c936762fc7140486c2e0003c02aca1d283cfd Mon Sep 17 00:00:00 2001
From: huzibaca <masterorigin91@gmail.com>
Date: Mon, 25 Nov 2024 01:34:18 +0800
Subject: [PATCH] chore: replace mui grid with mui grid2

---
 src/pages/test.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/pages/test.tsx b/src/pages/test.tsx
index dc6fa6bf..905d7da3 100644
--- a/src/pages/test.tsx
+++ b/src/pages/test.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useRef } from "react";
 import { useVerge } from "@/hooks/use-verge";
-import { Box, Button, Grid } from "@mui/material";
+import { Box, Button } from "@mui/material";
+import Grid2 from "@mui/material/Grid2";
 import {
   DndContext,
   closestCenter,
@@ -34,7 +35,7 @@ const TestPage = () => {
     useSensor(PointerSensor),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
-    })
+    }),
   );
   const { verge, mutateVerge, patchVerge } = useVerge();
 
@@ -68,7 +69,7 @@ const TestPage = () => {
 
   const onTestListItemChange = (
     uid: string,
-    patch?: Partial<IVergeTestItem>
+    patch?: Partial<IVergeTestItem>,
   ) => {
     if (patch) {
       const newList = testList.map((x) => {
@@ -157,24 +158,28 @@ const TestPage = () => {
           onDragEnd={onDragEnd}
         >
           <Box sx={{ mb: 4.5 }}>
-            <Grid container spacing={{ xs: 1, lg: 1 }}>
+            <Grid2 container spacing={{ xs: 1, lg: 1 }}>
               <SortableContext
                 items={testList.map((x) => {
                   return x.uid;
                 })}
               >
                 {testList.map((item) => (
-                  <Grid item xs={6} sm={4} md={3} lg={2} key={item.uid}>
+                  <Grid2
+                    component={"div"}
+                    size={{ xs: 6, lg: 2, sm: 4, md: 3 }}
+                    key={item.uid}
+                  >
                     <TestItem
                       id={item.uid}
                       itemData={item}
                       onEdit={() => viewerRef.current?.edit(item)}
                       onDelete={onDeleteTestListItem}
                     />
-                  </Grid>
+                  </Grid2>
                 ))}
               </SortableContext>
-            </Grid>
+            </Grid2>
           </Box>
         </DndContext>
       </Box>