From 92a761f6404c918224a2fa84c184273de873c7b6 Mon Sep 17 00:00:00 2001
From: Rajveer Singh Anand <rajveersinghanand.ca@gmail.com>
Date: Wed, 16 Oct 2024 23:09:50 -0400
Subject: [PATCH] Attribute section removed from interface

---
 client/src/components/UMLInterfaceNode.tsx | 24 +---------------------
 client/src/pages/Editor.tsx                |  2 --
 2 files changed, 1 insertion(+), 25 deletions(-)

diff --git a/client/src/components/UMLInterfaceNode.tsx b/client/src/components/UMLInterfaceNode.tsx
index 3d0f79b..78a1245 100644
--- a/client/src/components/UMLInterfaceNode.tsx
+++ b/client/src/components/UMLInterfaceNode.tsx
@@ -4,7 +4,6 @@ import { Handle, Position, NodeProps } from '@xyflow/react';
 // Define types for the node data and props
 interface UMLNodeData {
     label?: string;
-    attributes?: string[];
     methods?: string[];
     color?: string;
     removeNode?: (id: string) => void;
@@ -16,23 +15,17 @@ interface UMLNodeProps extends NodeProps<UMLNodeData> {}
 
 const UMLInterfaceNode: React.FC<UMLNodeProps> = ({ data, id }) => {
     const [label, setLabel] = useState<string>(data.label || 'Interface');
-    const [attributes, setAttributes] = useState<string>(data.attributes?.join('\n') || '');
     const [methods, setMethods] = useState<string>(data.methods?.join('\n') || '');
     const headerColor = data.color || '#FFEE93';
 
-    const attributesRef = useRef<HTMLTextAreaElement>(null);
     const methodsRef = useRef<HTMLTextAreaElement>(null);
 
     useEffect(() => {
-        if (attributesRef.current) {
-            attributesRef.current.style.height = 'auto';
-            attributesRef.current.style.height = `${attributesRef.current.scrollHeight}px`;
-        }
         if (methodsRef.current) {
             methodsRef.current.style.height = 'auto';
             methodsRef.current.style.height = `${methodsRef.current.scrollHeight}px`;
         }
-    }, [attributes, methods]);
+    }, [methods]);
 
     const handleLabelChange = (e) => {
         const newLabel = e.target.value;
@@ -40,12 +33,6 @@ const UMLInterfaceNode: React.FC<UMLNodeProps> = ({ data, id }) => {
         data.updateNodeData?.(id, { label: newLabel });
     };
 
-    const handleAttributesChange = (e) => {
-        const newAttributes = e.target.value;
-        setAttributes(newAttributes);
-        data.updateNodeData?.(id, { attributes: newAttributes.split('\n') });
-    };
-
     const handleMethodsChange = (e) => {
         const newMethods = e.target.value;
         setMethods(newMethods);
@@ -95,15 +82,6 @@ const UMLInterfaceNode: React.FC<UMLNodeProps> = ({ data, id }) => {
                     X
                 </button>
             </div>
-            <div style={{ padding: '10px' }}>
-                <textarea
-                    ref={attributesRef}
-                    value={attributes}
-                    onChange={handleAttributesChange}
-                    placeholder="Attributes"
-                    style={{ width: '100%', resize: 'none', overflow: 'hidden' }}
-                />
-            </div>
             <div style={{ padding: '10px' }}>
                 <textarea
                     ref={methodsRef}
diff --git a/client/src/pages/Editor.tsx b/client/src/pages/Editor.tsx
index 3c4ad58..28687df 100644
--- a/client/src/pages/Editor.tsx
+++ b/client/src/pages/Editor.tsx
@@ -163,7 +163,6 @@ const UMLDiagramEditor = ({ problemId }) => {
       position: { x: Math.random() * 500, y: Math.random() * 500 },
       data: {
         label: `InterfaceNode${nodes.length + 1}`,
-        attributes: [],
         methods: [],
         color: getNodeColor(),
       },
@@ -472,7 +471,6 @@ const UMLDiagramEditor = ({ problemId }) => {
             <UMLInterfaceNode
               data={{
                 label: 'New Interface',
-                attributes: ['attribute: type'], // Add attributes for preview
                 methods: ['method()'],
                 isPreview: true,
                 showButtons: false,