project component and basic display on home page

akai-org · Nov 17, 2023 · 5738ad0 · 5738ad0
1 parent 2eb7b4e
commit 5738ad0
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/components/Project.astro b/src/components/Project.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+  name: string;
+  url: string;
+}
+const {name, url} = Astro.props;
+---
+
+<div>
+  <h2 class="font-bold">{name}</h2>
+  <a href={url}>Sprawdź</a>
+</div>
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import { octokit } from "../utilities/github";
+import Project from "../components/Project.astro";
 
 const per_page = 3;
 const res = await octokit.request(`GET /orgs/{org}/repos?per_page=${per_page}`, {
@@ -8,7 +9,14 @@ const res = await octokit.request(`GET /orgs/{org}/repos?per_page=${per_page}`,
     'X-GitHub-Api-Version': '2022-11-28'
   }
 });
-console.log(res);
+
+const projects = res.data.map(project => {
+  return {
+    name: project.name,
+    url: project.html_url
+  };
+});
+
 ---
 
 <html lang="en">
@@ -21,5 +29,8 @@ console.log(res);
 	</head>
 	<body>
 		<h1 class="bg-red-500">Astro 2</h1>
+    <main>
+    {projects.map((project: any) => <Project {...project} />)}
+    </main>
 	</body>
 </html>