From 403afbee0bfa88aa13f9e66d402019f5ff51a42e Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@teaspeak.de>
Date: Mon, 15 Jun 2020 17:07:47 +0200
Subject: [PATCH] Fixed missing react key attributes

---
 shared/js/ui/modal/permission/ModalPermissionEditor.tsx | 6 +++---
 shared/js/ui/modal/permission/PermissionEditor.tsx      | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
index 0574a61d..b7b777ef 100644
--- a/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/ModalPermissionEditor.tsx
@@ -307,12 +307,12 @@ class PermissionEditorModal extends Modal {
     renderBody() {
         return (
             <div className={cssStyle.container}>
-                <ContextDivider id={"test"} defaultValue={25} direction={"horizontal"}>
-                    <div key={"left"} className={cssStyle.contextContainer + " " + cssStyle.left}>
+                <ContextDivider id={"permission-editor"} defaultValue={25} direction={"horizontal"}>
+                    <div className={cssStyle.contextContainer + " " + cssStyle.left}>
                         <ActiveTabInfo events={this.modalEvents} />
                         <SideBar modalEvents={this.modalEvents} editorEvents={this.editorEvents} connection={this.connection} />
                     </div>
-                    <div key={"right"} className={cssStyle.contextContainer + " " + cssStyle.right}>
+                    <div className={cssStyle.contextContainer + " " + cssStyle.right}>
                         <TabSelector events={this.modalEvents} />
                         <PermissionEditor events={this.editorEvents} connection={this.connection} />
                     </div>
diff --git a/shared/js/ui/modal/permission/PermissionEditor.tsx b/shared/js/ui/modal/permission/PermissionEditor.tsx
index c3485dd6..5d2a7d0f 100644
--- a/shared/js/ui/modal/permission/PermissionEditor.tsx
+++ b/shared/js/ui/modal/permission/PermissionEditor.tsx
@@ -1192,9 +1192,9 @@ interface PermissionEditorState {
 export class PermissionEditor extends React.Component<PermissionEditorProperties, PermissionEditorState> {
     render() {
         return [
-            <MenuBar events={this.props.events} connection={this.props.connection} />,
-            <PermissionTable events={this.props.events} />,
-            <div className={cssStyle.containerFooter}>
+            <MenuBar key={"menu-bar"} events={this.props.events} connection={this.props.connection} />,
+            <PermissionTable key={"table"} events={this.props.events} />,
+            <div key={"footer"} className={cssStyle.containerFooter}>
                 <RefreshButton events={this.props.events} />
             </div>
         ]