dylan/crosspost
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: remove unnecessay WordCloud abstraction

Browse Source
This commit is contained in:
Dylan De Faoite
2026-01-29 15:02:24 +00:00
parent 64c3422395
commit 5332af57e8
2 changed files with 39 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/pages/Stats.tsx
View File

@@ -9,9 +9,14 @@ import {
CartesianGrid, CartesianGrid,
ResponsiveContainer ResponsiveContainer
} from "recharts"; } from "recharts";
import WordCloud from "../stats/WordCloud";
import ActivityHeatmap from "../stats/ActivityHeatmap";
import ActivityHeatmap from "../stats/ActivityHeatmap";
import { ReactWordcloud } from '@cp949/react-wordcloud';
type BackendWord = {
word: string;
count: number;
}
const StatPage = () => { const StatPage = () => {
const [data, setData] = useState([]); const [data, setData] = useState([]);
@@ -19,31 +24,45 @@ const StatPage = () => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [heatmapData, setHeatmapData] = useState([]); const [heatmapData, setHeatmapData] = useState([]);
const [wordFrequencyData, setWordFrequencyData] = useState([]);
useEffect(() => { useEffect(() => {
// Posts per Day // Posts per Day
axios axios
.get("http://localhost:5000/stats/events_per_day") .get("http://localhost:5000/stats/events_per_day")
.then(res => { .then(res => {
setData(res.data.filter((item: any) => new Date(item.date) >= new Date("2025-06-01"))); setData(res.data.filter((item: any) => new Date(item.date) >= new Date("2026-01-10")));
setLoading(false); setLoading(false);
}) })
.catch(err => { .catch(err => {
setError(err.response?.data?.error || "Failed to load data"); setError(err.response?.data?.error || "Failed to load data");
setLoading(false); setLoading(false);
}); });
// Heatmap // Heatmap
axios axios
.get("http://localhost:5000/stats/heatmap") .get("http://localhost:5000/stats/heatmap")
.then(res => { .then(res => {
setHeatmapData(res.data); setHeatmapData(res.data);
setLoading(false); setLoading(false);
}) })
.catch(err => { .catch(err => {
setError(err.response?.data?.error || "Failed to load heatmap data"); setError(err.response?.data?.error || "Failed to load heatmap data");
setLoading(false); setLoading(false);
}); });
// Word Frequencies
axios
.get("http://localhost:5000/stats/word_frequencies")
.then(res => {
const mapped = res.data.map((d: BackendWord) => (
{text: d.word, value: d.count}
));
setWordFrequencyData(mapped);
})
.catch(err => {
setError(err);
});
}, []); }, []);
if (loading) return <p>Loading posts per day…</p>; if (loading) return <p>Loading posts per day…</p>;
@@ -68,7 +87,7 @@ const StatPage = () => {
</ResponsiveContainer> </ResponsiveContainer>
<h2>Word Cloud</h2> <h2>Word Cloud</h2>
<WordCloud /> <ReactWordcloud words={wordFrequencyData}/>
<h2>Heatmap</h2> <h2>Heatmap</h2>
<ActivityHeatmap data={heatmapData} /> <ActivityHeatmap data={heatmapData} />

41
frontend/src/stats/WordCloud.tsx
View File

@@ -1,41 +0,0 @@
import { ReactWordcloud } from '@cp949/react-wordcloud';
import { useEffect, useState } from 'react';
import axios from "axios";
type BackendWord = {
word: string;
count: number;
}
const WordCloud = () => {
const [words, setWords] = useState<{ text: string; value: number }[]>([]);
const [error, setError] = useState<string>('');
useEffect(() => {
axios
.get("http://localhost:5000/stats/word_frequencies")
.then(res => {
const mapped = res.data.map((d: BackendWord) => (
{text: d.word, value: d.count}
));
setWords(mapped);
})
.catch(err => {
setError(err);
});
}, [])
return (
<div>
<ReactWordcloud
words={words}
/>
<p>{error}</p>
</div>
);
};
export default WordCloud;