diff --git a/src/Route/Charts/Charts.jsx b/src/Route/Charts/Charts.jsx
index ff8d115..7c1a478 100644
--- a/src/Route/Charts/Charts.jsx
+++ b/src/Route/Charts/Charts.jsx
@@ -16,6 +16,20 @@ function Charts() {
return charts;
}
+ const switchCategory = async (category) => {
+ const db = getFirestore();
+ const chartRef = collection(db, "Chart");
+ const snapshot = await getDocs(chartRef);
+ const charts = snapshot.docs.map(doc => doc.data());
+
+ if (category === "all") {
+ setCharts(charts);
+ } else {
+ const filteredCharts = charts.filter(chart => chart.category === category);
+ setCharts(filteredCharts);
+ }
+ }
+
useEffect(() => {
async function fetchData() {
const data = await getCharts();
@@ -26,6 +40,16 @@ function Charts() {
return (
+
+
+
+
+
+
+
+
+
+
{charts.map((item, index) => {
return (