From 4e6471e6a6c32fba5bc790ec02274683b9aaf7fa Mon Sep 17 00:00:00 2001
From: CanbiZ <47820557+MickLesk@users.noreply.github.com>
Date: Thu, 23 Jan 2025 09:49:47 +0100
Subject: [PATCH] remove and rename
---
.../app/category-view/{index.tsx => page.tsx} | 27 ++++++++++++++-----
1 file changed, 20 insertions(+), 7 deletions(-)
rename frontend/src/app/category-view/{index.tsx => page.tsx} (75%)
diff --git a/frontend/src/app/category-view/index.tsx b/frontend/src/app/category-view/page.tsx
similarity index 75%
rename from frontend/src/app/category-view/index.tsx
rename to frontend/src/app/category-view/page.tsx
index 171912a88..a49bdc5eb 100644
--- a/frontend/src/app/category-view/index.tsx
+++ b/frontend/src/app/category-view/page.tsx
@@ -1,12 +1,8 @@
-// Folder: category-view
-// File: index.tsx
-
"use client";
import React, { useEffect, useState } from "react";
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
-import { fetchCategories } from "@/lib/data";
import { Category, Script } from "@/lib/types";
const CategoryView = () => {
@@ -14,9 +10,26 @@ const CategoryView = () => {
const [selectedCategory, setSelectedCategory] = useState<Category | null>(null);
useEffect(() => {
- fetchCategories()
- .then(setCategories)
- .catch((error) => console.error("Error fetching categories:", error));
+ const fetchCategories = async () => {
+ try {
+ const response = await fetch("/json/metadata.json"); // JSON-Datei direkt laden
+ if (!response.ok) {
+ throw new Error("Failed to fetch categories");
+ }
+ const metadata = await response.json();
+ const categories = metadata.categories.map((category: Category) => {
+ category.scripts = metadata.scripts.filter((script: Script) =>
+ script.categories.includes(category.id)
+ );
+ return category;
+ });
+ setCategories(categories);
+ } catch (error) {
+ console.error("Error fetching categories:", error);
+ }
+ };
+
+ fetchCategories();
}, []);
const handleCategoryClick = (category: Category) => {