From 397986dc894c9b19c7e8cb375603d8d81d4e9c81 Mon Sep 17 00:00:00 2001
From: Dylan De Faoite <dylanseandefaoite@gmail.com>
Date: Mon, 23 Feb 2026 17:15:14 +0000
Subject: [PATCH] refactor(frontend): rename InteractionStats to UserStats

---
 .../src/components/{InteractionStats.tsx => UserStats.tsx}  | 6 +++---
 frontend/src/pages/Stats.tsx                                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename frontend/src/components/{InteractionStats.tsx => UserStats.tsx} (90%)

diff --git a/frontend/src/components/InteractionStats.tsx b/frontend/src/components/UserStats.tsx
similarity index 90%
rename from frontend/src/components/InteractionStats.tsx
rename to frontend/src/components/UserStats.tsx
index 06d4f68..b33fcd4 100644
--- a/frontend/src/components/InteractionStats.tsx
+++ b/frontend/src/components/UserStats.tsx
@@ -34,7 +34,7 @@ function ApiToGraphData(apiData: InteractionGraph) {
 }
 
 
-const InteractionStats = (props: { data: UserAnalysisResponse }) => {
+const UserStats = (props: { data: UserAnalysisResponse }) => {
   const graphData = ApiToGraphData(props.data.interaction_graph);
 
   return (
@@ -44,7 +44,7 @@ const InteractionStats = (props: { data: UserAnalysisResponse }) => {
             This graph visualizes interactions between users based on comments and replies. 
             Nodes represent users, and edges represent interactions (e.g., comments or replies) between them.
         </p>
-        <div style={{ height: "600px", border: "1px solid #ccc", borderRadius: 8, marginTop: 16 }}>
+        <div>
             <ForceGraph3D
                 graphData={graphData}
                 nodeAutoColorBy="id"
@@ -58,4 +58,4 @@ const InteractionStats = (props: { data: UserAnalysisResponse }) => {
   );
 }
 
-export default InteractionStats;
\ No newline at end of file
+export default UserStats;
\ No newline at end of file
diff --git a/frontend/src/pages/Stats.tsx b/frontend/src/pages/Stats.tsx
index ae59649..b8a68b5 100644
--- a/frontend/src/pages/Stats.tsx
+++ b/frontend/src/pages/Stats.tsx
@@ -3,7 +3,7 @@ import axios from "axios";
 import StatsStyling from "../styles/stats_styling";
 import SummaryStats from "../components/SummaryStats";
 import EmotionalStats from "../components/EmotionalStats";
-import InteractionStats from "../components/InteractionStats";
+import InteractionStats from "../components/UserStats";
 
 import { 
   type SummaryResponse,