- {item.gallery.data.map((galleryItem) => (
+ {item.gallery.data.map((galleryItem, index) => (
{
+ setLightboxOpen(true);
+ setLightboxImages(
+ item.gallery.data.map((image) => {
+ return getAssetURL(
+ image.attributes.url,
+ ImageQuality.Large
+ );
+ })
+ );
+ setLightboxIndex(index);
+ }}
>
![]()
+
+
+ {post.translations.length > 0 && (
+
+
{langui.status}:
+
+
+ {post.translations[0].status}
+
+
+ )}
+
+ {post.authors.data.length > 0 && (
+
+
{"Authors"}:
+
+ {post.authors.data.map((author) => (
+
+ ))}
+
+
+ )}
+
+
+
+ {post.translations.length > 0 && post.translations[0].body && (
+
+ )}
+
+ );
+ const contentPanel = (
+
+
+
+ 0 && post.translations[0].thumbnail.data
+ ? post.translations[0].thumbnail
+ : post.thumbnail
+ }
+ title={
+ post.translations.length > 0
+ ? post.translations[0].title
+ : prettySlug(post.slug)
+ }
+ description={
+ post.translations.length > 0
+ ? post.translations[0].excerpt
+ : undefined
+ }
+ langui={langui}
+ categories={post.categories}
+ />
+
+
+
+ {post.translations.length > 0 && post.translations[0].body && (
+
+ )}
+
+ );
+
+ return (
+
0
+ ? post.translations[0].title
+ : prettySlug(post.slug)
+ }
+ contentPanel={contentPanel}
+ subPanel={subPanel}
+ thumbnail={post.translations[0].thumbnail.data?.attributes}
+ {...props}
+ />
+ );
+}
+
+export const getStaticProps: GetStaticProps = async (context) => {
+ const post = (
+ await getPost({
+ slug: context.params?.slug?.toString() || "",
+ language_code: context.locale || "en",
+ })
+ ).posts.data[0];
+ const props: PostProps = {
+ ...(await getAppStaticProps(context)),
+ post: post.attributes,
+ postId: post.id,
+ };
+ return {
+ props: props,
+ };
+};
+
+export const getStaticPaths: GetStaticPaths = async (context) => {
+ type Path = {
+ params: {
+ slug: string;
+ };
+ locale: string;
+ };
+
+ const data = await getPostsSlugs({});
+ const paths: Path[] = [];
+ data.posts.data.map((item) => {
+ context.locales?.map((local) => {
+ paths.push({ params: { slug: item.attributes.slug }, locale: local });
+ });
+ });
+ return {
+ paths,
+ fallback: false,
+ };
+};
diff --git a/src/pages/news/index.tsx b/src/pages/news/index.tsx
index 9f26104..7aa352a 100644
--- a/src/pages/news/index.tsx
+++ b/src/pages/news/index.tsx
@@ -3,11 +3,17 @@ import PanelHeader from "components/PanelComponents/PanelHeader";
import { GetStaticProps } from "next";
import AppLayout from "components/AppLayout";
import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { GetPostsPreviewQuery } from "graphql/operations-types";
+import { getPostsPreview } from "graphql/operations";
+import ContentPanel, { ContentPanelWidthSizes } from "components/Panels/ContentPanel";
+import PostsPreview from "components/News/PostsPreview";
-interface NewsProps extends AppStaticProps {}
+interface NewsProps extends AppStaticProps {
+ posts: GetPostsPreviewQuery["posts"]["data"];
+}
export default function News(props: NewsProps): JSX.Element {
- const { langui } = props;
+ const { langui, posts } = props;
const subPanel = (
);
- return ;
+ const contentPanel = (
+
+
+ {posts.map((post) => (
+
+ ))}
+