refactor: define just props that layout needs

withastro · Oct 31, 2023 · f41f44f · f41f44f
1 parent 42cde39
commit f41f44f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/templates/studio-template-blog/src/layouts/BlogPost.astro b/templates/studio-template-blog/src/layouts/BlogPost.astro
@@ -1,13 +1,18 @@
 ---
-import type { Blog } from "astro:db"
-import BaseHead from "../components/BaseHead.astro"
-import Footer from "../components/Footer.astro"
-import FormattedDate from "../components/FormattedDate.astro"
-import Header from "../components/Header.astro"
+import BaseHead from '../components/BaseHead.astro';
+import Footer from '../components/Footer.astro';
+import FormattedDate from '../components/FormattedDate.astro';
+import Header from '../components/Header.astro';
 
-type Props = typeof Blog.$inferSelect
+type Props = {
+ title: string;
+ description: string;
+ heroImage: string;
+ publishedAt: Date;
+ updatedAt?: Date | null;
+};
 
-const { title, description, publishedAt, updatedAt, heroImage } = Astro.props
+const { title, description, publishedAt, updatedAt, heroImage } = Astro.props;
 ---
 
 <html lang="en">
@@ -59,11 +64,7 @@ const { title, description, publishedAt, updatedAt, heroImage } = Astro.props
  <main>
  <article>
  <div class="hero-image">
- {
- heroImage && (
- <img width={1020} height={510} src={heroImage} alt="" />
- )
- }
+ <img width={1020} height={510} src={heroImage} alt="" />
  </div>
  <div class="prose">
  <div class="title">

diff --git a/templates/studio-template-blog/src/pages/about.astro b/templates/studio-template-blog/src/pages/about.astro
@@ -7,8 +7,6 @@ import Layout from '../layouts/BlogPost.astro';
  description="Lorem ipsum dolor sit amet"
  publishedAt={new Date('August 08 2021')}
  heroImage="/blog-placeholder-about.jpg"
- updatedAt={null}
- heroImage={null}
 >
  <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut