add Summary section for Project_Page

Author: milewskibogumil

apps/astro/src/components/Projects/Project/Summary.astro

@@ -0,0 +1,33 @@
+---
+import PortableText, { PortableTextQuery, type PortableTextValue } from '@/components/ui/portable-text'
+
+export const Summary_Query = `
+  summary {
+    ${PortableTextQuery('heading')}
+    ${PortableTextQuery('paragraph')}
+  },
+`
+
+export type Props = {
+  heading: PortableTextValue
+  paragraph: PortableTextValue
+}
+
+const { heading, paragraph } = Astro.props
+---
+
+<section class="Summary">
+  <PortableText value={heading} heading="h2" />
+  <PortableText value={paragraph} />
+</section>
+
+<style lang="scss">
+  .Summary {
+    padding: clamp(3rem, calc(4vw / 0.48), 5rem) 0;
+    max-width: 38rem;
+    margin: 0 auto;
+    h2 {
+      margin-bottom: clamp(1.5rem, calc(2vw / 0.48), 2rem);
+    }
+  }
+</style>

apps/astro/src/pages/realizacje/[slug].astro

@@ -5,7 +5,7 @@ import metadataFetch from '@/utils/metadata.fetch'
 import Breadcrumbs from '@/components/ui/Breadcrumbs.astro'
 import Hero, { Hero_Query, type HeroProps } from '@/components/Projects/Project/Hero.astro'
 import Gallery, { Gallery_Query, type Props as GalleryProps } from '@/components/Projects/Project/Gallery.astro'
-
+import Summary, { Summary_Query, type Props as SummaryProps } from '@/components/Projects/Project/Summary.astro'
 export const slugPrefix = '/realizacje/'
 
 export async function getStaticPaths() {
@@ -21,11 +21,12 @@ export async function getStaticPaths() {
 
 const { slug } = Astro.params
 
-const page = await sanityFetch<{ name: string; hero: HeroProps; gallery: GalleryProps }>({
+const page = await sanityFetch<{ name: string; hero: HeroProps; summary: SummaryProps; gallery: GalleryProps }>({
   query: `
     *[_type == 'Project_Collection' && slug.current == $slug][0] {
       name,
       ${Hero_Query}
+      ${Summary_Query}
       ${Gallery_Query}
     }
   `,
@@ -44,5 +45,6 @@ const metadata = await metadataFetch('Project_Collection', `${slugPrefix}${slug}
     ]}
   />
   <Hero {...page.hero} />
-  {page.gallery?.images.length > 0 && <Gallery {...page.gallery} />}
+  {page?.summary && <Summary {...page.summary} />}
+  {page?.gallery?.images.length > 0 && <Gallery {...page.gallery} />}
 </Layout>

apps/sanity/schema/collectionTypes/Project_Collection.tsx

@@ -81,6 +81,29 @@ export default defineType({
       title: 'Data zakończenia projektu (opcjonalnie)',
       description: 'Jeśli to pole jest puste, projekt będzie traktowany jako w trakcie realizacji.'
     }),
+    defineField({
+      name: 'summary',
+      type: 'object',
+      title: 'Podsumowanie projektu (opcjonalne)',
+      fields: [
+        defineField({
+          name: 'heading',
+          type: 'Heading',
+          title: 'Nagłówek',
+          validation: Rule => Rule.required(),
+        }),
+        defineField({
+          name: 'paragraph',
+          type: 'PortableText',
+          title: 'Paragraf',
+          validation: Rule => Rule.required(),
+        }),
+      ],
+      options: {
+        collapsible: true,
+        collapsed: false,
+      }
+    }),
     defineField({
       name: 'gallery',
       type: 'object',
@@ -105,6 +128,10 @@ export default defineType({
           validation: Rule => Rule.required(),
         }),
       ],
+      options: {
+        collapsible: true,
+        collapsed: false,
+      }
     }),
     defineField({
       name: 'seo',