fix(web): reverse array bug (#776)

labring · Feb 14, 2023 · dc34c2a · dc34c2a
1 parent 60c55ed
commit dc34c2a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/web/src/pages/app/functions/mods/ConsolePanel/index.tsx b/web/src/pages/app/functions/mods/ConsolePanel/index.tsx
@@ -24,6 +24,10 @@ function ConsolePanel() {
     },
   );
 
+  const list = logControllerGetLogsQuery.data?.data?.list || [];
+  // reverse will change the original array, so we need to clone it first
+  const cloneReverseArray = [...list].reverse();
+
   return (
     <Panel className="flex-1 max-h-[200px]">
       <Panel.Header title="Console"></Panel.Header>
@@ -37,8 +41,8 @@ function ConsolePanel() {
           <Center>
             <Spinner />
           </Center>
-        ) : logControllerGetLogsQuery.data?.data?.list?.length ? (
-          logControllerGetLogsQuery.data?.data?.list?.reverse().map((item: any) => {
+        ) : cloneReverseArray.length > 0 ? (
+          cloneReverseArray.map((item: any) => {
             return (
               <div key={item._id} className="flex ">
                 <span className=" text-slate-500 min-w-[160px]">