From fd6e2b41cbd5e581d95916edad6b4e9051336f7d Mon Sep 17 00:00:00 2001
From: Ken <ken.aleksander@gmail.com>
Date: Tue, 14 Jan 2025 14:08:03 +0100
Subject: [PATCH] :bug: Blogg did not sort latest articles by publishDate

---
 .../components/website-modules/blogg-page/parts/BloggList.tsx | 2 +-
 .../website-modules/blogg-page/parts/HighlightedBlogg.tsx     | 4 ++--
 aksel.nav.no/website/pages/produktbloggen/index.tsx           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/aksel.nav.no/website/components/website-modules/blogg-page/parts/BloggList.tsx b/aksel.nav.no/website/components/website-modules/blogg-page/parts/BloggList.tsx
index aa033f3699..346d82e497 100644
--- a/aksel.nav.no/website/components/website-modules/blogg-page/parts/BloggList.tsx
+++ b/aksel.nav.no/website/components/website-modules/blogg-page/parts/BloggList.tsx
@@ -15,7 +15,7 @@ export const BloggList = ({
   return (
     <div>
       <div className="hidden gap-6 md:flex">
-        <div className="relative hidden aspect-square h-[11.75rem] lg:block">
+        <div className="relative hidden aspect-square h-[11.75rem] rounded-lg ring-1 ring-border-subtle lg:block">
           {blogg?.seo?.image ? (
             <Image
               src={urlFor(blogg.seo.image).auto("format").url()}
diff --git a/aksel.nav.no/website/components/website-modules/blogg-page/parts/HighlightedBlogg.tsx b/aksel.nav.no/website/components/website-modules/blogg-page/parts/HighlightedBlogg.tsx
index c8ba942d03..fe6efdb7c8 100644
--- a/aksel.nav.no/website/components/website-modules/blogg-page/parts/HighlightedBlogg.tsx
+++ b/aksel.nav.no/website/components/website-modules/blogg-page/parts/HighlightedBlogg.tsx
@@ -15,7 +15,7 @@ export const HighlightedBlogg = ({
   return (
     <div>
       <div className="col-span-1 hidden md:block">
-        <div className="relative mb-10 block aspect-video">
+        <div className="relative mb-10 block aspect-video rounded-lg ring-1 ring-border-subtle">
           {blogg?.seo?.image ? (
             <Image
               src={urlFor(blogg.seo.image).quality(100).auto("format").url()}
@@ -64,7 +64,7 @@ export const HighlightedBlogg = ({
       </div>
       {/* Mobile view */}
       <div className="w-full md:hidden">
-        <div className="relative mb-10 block aspect-video">
+        <div className="relative mb-10 block aspect-video rounded-lg ring-1 ring-border-subtle">
           {blogg?.seo?.image ? (
             <Image
               src={urlFor(blogg.seo.image).quality(100).auto("format").url()}
diff --git a/aksel.nav.no/website/pages/produktbloggen/index.tsx b/aksel.nav.no/website/pages/produktbloggen/index.tsx
index 0e72a25153..798bbbb189 100644
--- a/aksel.nav.no/website/pages/produktbloggen/index.tsx
+++ b/aksel.nav.no/website/pages/produktbloggen/index.tsx
@@ -25,7 +25,7 @@ type PageProps = NextPageT<{
 
 export const query = `*[_type == "blogg_landingsside"][0]{
   "page": {..., intro[]{...,${destructureBlocks}}},
-  "bloggposts": *[_type == "aksel_blogg"] | order(_createdAt desc){
+  "bloggposts": *[_type == "aksel_blogg"] | order(publishedAt desc, _createdAt desc){
     seo,
     heading,
     ingress,