usereditor, userlist ctx

src/components/userlist/index.jsx

@@ -1,22 +1,13 @@
 import { h } from "preact";
-import { useState } from "preact/hooks";
 
 
 
-function UserList({userlist}) {
-    const [list, setuserlist] = useState(userlist);
+function UserList({userlist,editUser, deleteUser, start, end}) {
+
 
-    const deleteUser=(user)=>{
-        let temp = [...list];
-        temp.splice(temp.indexOf(user),1);
-        setuserlist(temp);
-    }
-    const editUser=(user)=>{
-        alert(`edit: ${user.uid}`);
-    }
     const displayUser=(user)=>{
         return (
-            <div key={`user${user.line}`} class="user-list-item">
+            <div key={`user${user.line}`} class="user-list-item" >
                 <div class="user-attributes">
                     <span><b>UID:</b> {user.uid}</span> <span>(<b>{user.enabled?'Aktiv':'Inaktiv'}</b>)</span><br />
                     <span><b>Vorname:</b> {user.first_name}</span><br />
@@ -34,7 +25,7 @@ function UserList({userlist}) {
 
         return (
             <>
-            {list&&list.map((user)=>displayUser(user))}
+            {userlist&&(start!==undefined&&end?userlist.slice(start,end).map((user)=>displayUser(user)):userlist.map((user)=>displayUser(user)))}
             </>
         );