chor: move around and formating.

gathering · Sep 29, 2024 · a83cdb5 · a83cdb5
1 parent 0e1248c
commit a83cdb5
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 25 deletions.
diff --git a/src/components/NewsComp.astro b/src/components/NewsComp.astro
@@ -1,5 +1,6 @@
 ---
-import  H2 from './H2.astro';
+import H2 from "./H2.astro";
+
 interface Article {
   id: number;
   meta: {
@@ -25,18 +26,16 @@ interface Article {
 }
 
 type Props = {
-	articleLimit?: number;
+  articleLimit?: number;
 };
 const { articleLimit = 0 } = Astro.props;
 
 const fetchArticles = async (): Promise<Article[]> => {
   const baseurl = `${import.meta.env.API_URL}api/v2/news/?fields=title,tags,first_published_at,main_image&order=-first_published_at`;
-  
-  const validLimit = articleLimit >= 1 ? `&limit=${articleLimit}` : '';
-  
-  const response = await fetch(
-    `${baseurl}${validLimit}`,
-  );
+
+  const validLimit = articleLimit >= 1 ? `&limit=${articleLimit}` : "";
+
+  const response = await fetch(`${baseurl}${validLimit}`);
   const data = await response.json();
   const articles: Article[] = data.items;
   return articles;
@@ -63,23 +62,24 @@ const articles = await fetchArticles();
               <h3 class="text-xl text-white font-bold mt-2">{article.title}</h3>
               <time
                 datetime={article.meta.first_published_at}
-                class="text-sm text-gray-500"
-              >
+                class="text-sm text-gray-500">
                 {new Date(article.meta.first_published_at).toLocaleDateString(
                   "en-US",
                   {
                     year: "numeric",
                     month: "long",
                     day: "numeric",
-                  },
+                  }
                 )}
               </time>
             </div>
-            {article.main_image && <img
-              src={article.main_image.full_url}
-              alt={article.main_image.alt}
-              class="w-24 h-24 object-cover ml-2 rounded-lg"
-              />}
+            {article.main_image && (
+              <img
+                src={article.main_image.full_url}
+                alt={article.main_image.alt}
+                class="w-24 h-24 object-cover ml-2 rounded-lg"
+              />
+            )}
           </article>
         </a>
       ))

diff --git a/src/pages/news/index.astro b/src/pages/news/index.astro
@@ -1,12 +1,11 @@
 ---
-import Main from '../../components/Main.astro';
-import NewsComp from '../../components/NewsComp.astro';
-import Layout from '../../layouts/Layout.astro';
+import Main from "../../components/Main.astro";
+import NewsComp from "../../components/NewsComp.astro";
+import Layout from "../../layouts/Layout.astro";
 ---
 
-
-		<Layout title="The Gathering - News">
-			<Main>
-				<NewsComp />
-			</Main>
-		</Layout>
+<Layout title="The Gathering - News">
+  <Main>
+    <NewsComp />
+  </Main>
+</Layout>