Update JSONVisualizer.tsx

Author: Vismayak

frontend/src/components/visualizations/JSONVisualizer/JSONVisualizer.tsx

@@ -94,7 +94,6 @@ export default function JSONVisualizer(props: jsonProps) {
 				fileName &&
 				fileData.fileSummary?.content_type
 			) {
-				// Parse the jsonContent to ensure it's valid JSON
 				const textBlob = new Blob([jsonContent], { type: "text/plain" });
 				const file = new File([textBlob], fileName, {
 					type: fileData.fileSummary.content_type.content_type,
@@ -103,12 +102,19 @@ export default function JSONVisualizer(props: jsonProps) {
 				setLoading(true);
 				await updateFile(file, fileId);
 				setLoading(false);
+
+				// Refreshing the page to reflect the changes. TODO: Find a better way to update the version
+				window.location.reload();
 			}
 		} catch (error) {
 			console.error("Error updating file:", error);
 		}
 	};
-	
+
+	const disableSaveButton = () => {
+		return originalContent === jsonContent || !validJson;
+	}
+
 	return (
 		<Card>
 			<CardContent>
@@ -124,7 +130,7 @@ export default function JSONVisualizer(props: jsonProps) {
 				)}
 			</CardContent>
 			<CardActions>
-				<Button variant="contained" color="primary" onClick={handleSave}>
+				<Button variant="contained" color="primary" onClick={handleSave} disabled={disableSaveButton()}>
 					Save Changes
 				</Button>
 			</CardActions>