import React, { useState } from "react";

[leonpurize-boop]

import React, { useState } from "react";

function AdminPanel() {
const [users, setUsers] = useState([
{ id: 1, name: "Alice", role: "user" },
{ id: 2, name: "Bob", role: "admin" },
]);

const makeAdmin = (id) => {
setUsers(users.map(u =>
u.id === id ? { ...u, role: "admin" } : u
));
};

return (

Admin Panel

User Verwaltung

{users.map(u => (

• 
  {u.name} ({u.role})
  {u.role !== "admin" && (
  <button onClick={() => makeAdmin(u.id)}>
  Zum Admin machen
  
  )}
  

))}

);
}

export default AdminPanel;

Ursprünglich gepostet von @leonpurize-boop in weedu34/germany_student_guide#2

[leonpurize-boop]

import React, { useState } from "react";

function AdminPanel() {
const [users, setUsers] = useState([
{ id: 1, name: "Alice", role: "user" },
{ id: 2, name: "Bob", role: "admin" },
]);

const makeAdmin = (id) => {
setUsers(users.map(u =>
u.id === id ? { ...u, role: "admin" } : u
));
};

return (

Admin Panel

User Verwaltung

{users.map(u => (

• 
  {u.name} ({u.role})
  {u.role !== "admin" && (
  <button onClick={() => makeAdmin(u.id)}>
  Zum Admin machen
  
  )}
  

))}

);
}

export default AdminPanel;

Ursprünglich gepostet von @leonpurize-boop in weedu34/germany_student_guide#2