post layouts

apps/storefront/app/bloggen/_components/Layout/blog-layout.tsx → apps/storefront/app/bloggen/(frontpage)/layout.tsx

@@ -9,7 +9,7 @@ import {
 
 import classes from './layout.module.css';
 
-export const Layout = ({ children }: { children: React.ReactNode }) => {
+const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <div>
       <Banner color='red'>
@@ -29,3 +29,5 @@ export const Layout = ({ children }: { children: React.ReactNode }) => {
     </div>
   );
 };
+
+export default Layout;

apps/storefront/app/bloggen/page.mdx → apps/storefront/app/bloggen/(frontpage)/page.mdx

@@ -1,10 +1,9 @@
 import { PencilIcon } from '@navikt/aksel-icons';
 
 import { Meta } from '@components';
-import { Layout } from '@blog';
-import { BlogCard } from './_components';
+import { BlogCard } from '../_components';
 
-export default ({ children }) => <Layout>{children}</Layout>;
+export default ({ children }) => <>{children}</>;
 
 <Meta
   title='Bloggen'

apps/storefront/app/bloggen/2023/derfor-trenger-vi-et-felles-designsystem/page.mdx

@@ -1,9 +1,8 @@
-import { BlogArticleLayout } from '@layouts';
 import { ResponsiveIframe, Image } from '@components';
-import { Contributors } from '../../_components';
+import { Contributors, PostLayout } from '../../_components';
 
 export default ({ children }) => (
-  <BlogArticleLayout
+  <PostLayout
     content={children}
     heading='Derfor trenger vi et felles designsystem'
     ingress='Høsten 2023 arrangerte vi en åpen presentasjon og mini-workshop om felles designsystem. Over 200 deltok og vi fikk 440 tilbakemeldinger på gevinster og utfordringer.'

apps/storefront/app/bloggen/2024/altinn-studio/page.mdx

@@ -1,11 +1,10 @@
 import { Card, CardContent } from '@digdir/designsystemet-react';
 
-import { BlogArticleLayout } from '@layouts';
 import { Image } from '@components';
-import { Contributors } from '../../_components';
+import { Contributors, PostLayout } from '../../_components';
 
 export default ({ children }) => (
-  <BlogArticleLayout
+  <PostLayout
     content={children}
     heading='Hvordan Altinn Studio bruker Designsystemet'
     ingress='Altinn Studio benytter seg av Designsystemet ved hjelp av fasademønsteret. Lær mer om hvordan!'

apps/storefront/app/bloggen/2024/bachelor-temavelger/page.mdx

@@ -1,9 +1,8 @@
-import { BlogArticleLayout } from '@layouts';
 import { ResponsiveIframe } from '@components';
-import { Contributors } from '../../_components';
+import { Contributors, PostLayout } from '../../_components';
 
 export default ({ children }) => (
-  <BlogArticleLayout
+  <PostLayout
     content={children}
     heading='Temabygger som bacheloroppgave'
     ingress='Hvordan kan vi gjøre det enklere å ta i bruk Designsystemet? Det har blitt utforsket i en bacheloroppgave!'

apps/storefront/app/bloggen/2024/fluid-typography/page.mdx

@@ -1,9 +1,8 @@
-import { BlogArticleLayout } from '@layouts';
 import { ResponsiveIframe, Image } from '@components';
-import { Contributors } from '../../_components';
+import { Contributors, PostLayout } from '../../_components';
 
 export default ({ children }) => (
-  <BlogArticleLayout
+  <PostLayout
     content={children}
     heading='Dynamiske tekst-størrelser og hvorfor vi gikk bort fra det'
     ingress='Det er mulig å bruke dynamiske tekst-størrelser uten breakpoints, men det medfører noen ulemper.  '

apps/storefront/app/bloggen/2024/v1rc1/page.mdx

@@ -1,11 +1,10 @@
 import { Link } from '@digdir/designsystemet-react';
 
-import { BlogArticleLayout } from '@layouts';
+import { PostLayout, Contributors } from '../../_components';
 import { ResponsiveIframe, CodeSnippet } from '@components';
-import { Contributors } from '../../_components';
 
 export default ({ children }) => (
-  <BlogArticleLayout
+  <PostLayout
     content={children}
     heading='Dette kommer i V1!'
     ingress='Vi nærmer oss den første versjonen av Designsystemet uten betamerke! Versjon 1 skal være mer stabil, mer fleksibel og støtte flerdimensjonal tematisering.'

apps/storefront/layouts/BlogArticleLayout/BlogArticleLayout.tsx → apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx

@@ -1,12 +1,11 @@
-'use client';
 import type * as React from 'react';
 import { Heading, Ingress, Paragraph } from '@digdir/designsystemet-react';
 
-import { Container, MdxContent, Image, Meta } from '../../components';
-import { Link } from '../../components/Link/Link';
+import { Container, MdxContent, Image, Meta } from '../../../../components';
+import { Link } from '../../../../components/Link/Link';
+import { Figures } from '../Figures';
 
-import classes from './BlogArticleLayout.module.css';
-import { Figures } from './components/Figures';
+import classes from './PostLayout.module.css';
 
 type BlogArticleLayoutProps = {
   content: React.ReactNode;
@@ -22,7 +21,7 @@ type BlogArticleLayoutProps = {
 
 const FIGURE_COUNT = 4;
 
-const BlogArticleLayout = ({
+const PostLayout = ({
   content,
   heading,
   ingress,
@@ -104,4 +103,4 @@ const BlogArticleLayout = ({
   );
 };
 
-export { BlogArticleLayout };
+export { PostLayout };

apps/storefront/app/bloggen/_components/index.ts

@@ -1,3 +1,4 @@
 export { BlogCard } from './Card/BlogCard';
 export { Contributors } from './Contributors/Contributors';
-export { Layout } from './Layout/blog-layout';
+export { PostLayout } from './PostLayout/PostLayout';
+export { Figures } from './Figures';

apps/storefront/layouts/index.tsx

@@ -3,4 +3,3 @@ export * from './PageLayout/PageLayout';
 export * from './MenuPageLayout/MenuPageLayout';
 export * from './NavPageLayout/NavPageLayout';
 export * from './NavMenuPageLayout/NavMenuPageLayout';
-export * from './BlogArticleLayout/BlogArticleLayout';