✨ Add catlinez page containing all components

notes.md

@@ -52,3 +52,7 @@ return test;
 dRj7MBwlYafKn4RJFGHIM--anhE1w_bpXLYKo7hdZIKJW0eX
 
 https://api.currentsapi.services/v1/latest-news?language=de&apiKey=dRj7MBwlYafKn4RJFGHIM--anhE1w_bpXLYKo7hdZIKJW0eX
+
+## Todo
+
+- Sport news rausfiltern

src/pages/catlinez/catlinez.stories.ts

@@ -0,0 +1,22 @@
+import "./catlinez.css";
+import { displayHeader } from "../../components/header/header";
+import { createElement } from "../../utils/createElement";
+import { getRandomCat, getRandomHeadlineGerman } from "../../utils/api";
+import { displayCat } from "../../components/cat/randomcat";
+import { displayGermanHeadline } from "../../components/headline/headline";
+
+export default { title: "Pages/Catlinez", parameters: { layout: "centered" } };
+
+export const catlinez = (args, { loaded: { cat, headline } }) => {
+  return createElement("div", {
+    className: "catlinez__container",
+    childs: [displayHeader(), displayCat(cat), displayGermanHeadline(headline)],
+  });
+};
+
+catlinez.loaders = [
+  async () => ({
+    cat: await getRandomCat(),
+    headline: await getRandomHeadlineGerman(),
+  }),
+];

src/pages/catlinez/catlinez.ts

@@ -0,0 +1,11 @@
+import { displayHeader } from "../../components/header/header";
+import { createElement } from "../../utils/createElement";
+import { getRandomCat } from "../../utils/api";
+import { displayCat } from "../../components/cat/randomcat";
+
+export function buildCatlinez() {
+  return createElement("div", {
+    className: "app__container",
+    childs: [displayHeader()],
+  });
+}

src/utils/api.ts

@@ -70,7 +70,7 @@ function convertToText(headline: News): Headline {
 
 export async function getRandomHeadlineGerman() {
   const response = await fetch(
-    `https://api.currentsapi.services/v1/latest-news?language=de&apiKey=dRj7MBwlYafKn4RJFGHIM--anhE1w_bpXLYKo7hdZIKJW0eX`
+    `https://api.currentsapi.services/v1/latest-news?category=general&language=de&apiKey=dRj7MBwlYafKn4RJFGHIM--anhE1w_bpXLYKo7hdZIKJW0eX`
   );
   const result = (await response.json()) as News;
   const headline = convertToText(result);