diff --git a/src/components/DiagramEditor/DiagramEditor.js b/src/components/DiagramEditor/DiagramEditor.js
index c85566b..57392b8 100644
--- a/src/components/DiagramEditor/DiagramEditor.js
+++ b/src/components/DiagramEditor/DiagramEditor.js
@@ -604,7 +604,7 @@ export default function App(props) {
         setRefreshDiagram((prevState) => !prevState);
     };
 
-    const renderMoveBackAndFrontButtons = () =>
+    const MoveBackAndFrontButtons = () =>
         selected && (
             <React.Fragment>
                 <button
@@ -624,7 +624,7 @@ export default function App(props) {
             </React.Fragment>
         );
 
-    const renderAddAttribute = () => {
+    const AddAttributeButton = () => {
         if (selected?.style?.includes("shape=rectangle")) {
             return (
                 <button
@@ -638,7 +638,7 @@ export default function App(props) {
         }
     };
 
-    const renderRelationAddAttribute = () => {
+    const RelationAddAttributeButton = () => {
         if (
             selected?.style?.includes("shape=rhombus") &&
             diagramRef.current.relations.find(
@@ -657,7 +657,7 @@ export default function App(props) {
         }
     };
 
-    const renderToggleAttributes = () => {
+    const ToggleAttributesButton = () => {
         const isEntity = selected?.style?.includes("shape=rectangle");
         const isRelationNM =
             selected?.style?.includes("shape=rhombus") &&
@@ -701,7 +701,7 @@ export default function App(props) {
         }
     };
 
-    const renderToggleAttrKey = () => {
+    const ToggleAttrKeyButton = () => {
         const isAttribute = selected?.style?.includes("shape=ellipse");
         let isKey;
         let isFromRelation = false;
@@ -741,7 +741,7 @@ export default function App(props) {
         }
     };
 
-    const renderRelationConfiguration = () => {
+    const RelationConfigurationButton = () => {
         const isRelation = selected?.style?.includes("shape=rhombus");
         const [open, setOpen] = React.useState(false);
         const [acceptDisabled, setAcceptDisabled] = React.useState(true);
@@ -993,7 +993,7 @@ export default function App(props) {
         }
     };
 
-    const renderRelationCardinalities = () => {
+    const RelationCardinalitiesButton = () => {
         const isRelation = selected?.style?.includes("shape=rhombus");
         const selectedDiag = diagramRef.current.relations.find(
             (entity) => entity.idMx === selected?.id,
@@ -1182,7 +1182,7 @@ export default function App(props) {
         }
     };
 
-    const renderDeleteEntity = () => {
+    const DeleteEntityButton = () => {
         const isEntity = selected?.style?.includes("shape=rectangle");
         function deleteEntity() {
             // Find the entity in diagramRef.current.entities
@@ -1272,7 +1272,7 @@ export default function App(props) {
         }
     };
 
-    const renderDeleteAttribute = () => {
+    const DeleteAttributeButton = () => {
         const isAttribute = selected?.style?.includes("shape=ellipse");
         let isKey;
         let isFromRelation = false;
@@ -1380,7 +1380,7 @@ export default function App(props) {
         }
     };
 
-    const renderDeleteRelation = () => {
+    const DeleteRelationButton = () => {
         const isRelation = selected?.style?.includes("shape=rhombus");
 
         function deleteRelation() {
@@ -1427,7 +1427,7 @@ export default function App(props) {
         }
     };
 
-    const renderGenerateSQLButton = () => {
+    const GenerateSQLButton = () => {
         const [open, setOpen] = React.useState(false);
         const [acceptDisabled, setAcceptDisabled] = React.useState(true);
         const [validationMessages, setValidationMessages] = React.useState([]);
@@ -1539,7 +1539,7 @@ export default function App(props) {
         );
     };
 
-    const renderExportJSONButton = () => {
+    const ExportJSONButton = () => {
         const [open, setOpen] = React.useState(false);
         const [acceptDisabled, setAcceptDisabled] = React.useState(true);
         const [validationMessages, setValidationMessages] = React.useState([]);
@@ -1649,7 +1649,7 @@ export default function App(props) {
         );
     };
 
-    const renderImportJSONButton = () => {
+    const ImportJSONButton = () => {
         const [open, setOpen] = React.useState(false);
         const [validationMessages, setValidationMessages] = React.useState([]);
 
@@ -1776,7 +1776,7 @@ export default function App(props) {
         graph.removeCells(cellsToRemove);
     };
 
-    const renderResetCanvasButton = () => {
+    const ResetCanvasButton = () => {
         const [open, setOpen] = React.useState(false);
 
         const handleClickOpen = () => {
@@ -1833,24 +1833,24 @@ export default function App(props) {
             <div className="mxgraph-toolbar-container">
                 <div className="mxgraph-toolbar-container" ref={toolbarRef} />
 
-                <div>{renderAddAttribute()}</div>
-                <div>{renderRelationAddAttribute()}</div>
-                <div>{renderToggleAttributes()}</div>
-                <div>{renderToggleAttrKey()}</div>
+                <div>{AddAttributeButton()}</div>
+                <div>{RelationAddAttributeButton()}</div>
+                <div>{ToggleAttributesButton()}</div>
+                <div>{ToggleAttrKeyButton()}</div>
 
-                <div>{renderRelationConfiguration()}</div>
-                <div>{renderRelationCardinalities()}</div>
+                <div>{RelationConfigurationButton()}</div>
+                <div>{RelationCardinalitiesButton()}</div>
 
-                <div>{renderDeleteEntity()}</div>
-                <div>{renderDeleteRelation()}</div>
-                <div>{renderDeleteAttribute()}</div>
+                <div>{DeleteEntityButton()}</div>
+                <div>{DeleteRelationButton()}</div>
+                <div>{DeleteAttributeButton()}</div>
 
-                <div>{renderMoveBackAndFrontButtons()}</div>
+                <div>{MoveBackAndFrontButtons()}</div>
 
-                <div>{renderGenerateSQLButton()}</div>
-                <div>{renderExportJSONButton()}</div>
-                <div>{renderImportJSONButton()}</div>
-                <div>{renderResetCanvasButton()}</div>
+                <div>{GenerateSQLButton()}</div>
+                <div>{ExportJSONButton()}</div>
+                <div>{ImportJSONButton()}</div>
+                <div>{ResetCanvasButton()}</div>
             </div>
             <div ref={containerRef} className="mxgraph-drawing-container" />
             <Toaster position="bottom-left" />