From 04aa2218de286f6f49d6567d01a1a7ff35273c8d Mon Sep 17 00:00:00 2001
From: Ane <ane-ness@hotmail.no>
Date: Tue, 27 Aug 2024 14:31:46 +0200
Subject: [PATCH] refactor: improve code formatting in InformationMessage
 component

---
 src/app/(main)/page.tsx                       |  4 +-
 .../informationMessage/InformationMessage.tsx | 15 ++---
 .../informationMessage.module.css             | 57 +++++++++----------
 3 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
index 4afb00d95..16efa6fc7 100644
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -47,7 +47,9 @@ const Home = async () => {
     return (
       <InformationMessage
         title="Welcome! Velkommen! Välkommen!"
-        body={"It looks like there's no page set as your landing page in the Studio.\nHead over to the Studio to select a landing page and guide visitors to the right place!"}
+        body={
+          "It looks like there's no page set as your landing page in the Studio.\nHead over to the Studio to select a landing page and guide visitors to the right place!"
+        }
         link={navigationManagerLink}
       />
     );
diff --git a/src/blog/components/informationMessage/InformationMessage.tsx b/src/blog/components/informationMessage/InformationMessage.tsx
index 2e107e8df..1ba62f69a 100644
--- a/src/blog/components/informationMessage/InformationMessage.tsx
+++ b/src/blog/components/informationMessage/InformationMessage.tsx
@@ -43,13 +43,14 @@ const InformationMessage = ({
     <section className={styles.wrapper} role="status" aria-live="assertive">
       <div className={styles.info}>
         <Text type="h1">{title}</Text>
-        <span> 
-        {body.split('\n').map((line, index) => (
-        <Text key={index}>
-            {line}
-            <br />
-        </Text>
-        ))}</span>
+        <span>
+          {body.split("\n").map((line, index) => (
+            <Text key={index}>
+              {line}
+              <br />
+            </Text>
+          ))}
+        </span>
         <div className={styles.buttonWrapper}>
           {button && (
             <Button type="primary" onClick={button.onClick}>
diff --git a/src/blog/components/informationMessage/informationMessage.module.css b/src/blog/components/informationMessage/informationMessage.module.css
index fe8ed2249..7f3d7d632 100644
--- a/src/blog/components/informationMessage/informationMessage.module.css
+++ b/src/blog/components/informationMessage/informationMessage.module.css
@@ -1,32 +1,31 @@
 .wrapper {
-    display: flex;
-    padding: 5rem 2rem;
-    align-items: center;
-    align-self: stretch;
-    @media (min-width: 640px) {
-      padding: 5rem 3rem;
-      justify-content: center;
-    }
-  
-    @media (min-width: 1024px) {
-      padding: 7.5rem;
-    }
+  display: flex;
+  padding: 5rem 2rem;
+  align-items: center;
+  align-self: stretch;
+  @media (min-width: 640px) {
+    padding: 5rem 3rem;
+    justify-content: center;
   }
-  
-  .info {
-    max-width: 88rem;
-    display: flex;
-    padding: 3rem;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 1.5rem;
-    align-self: stretch;
-    border-radius: 1rem;
+
+  @media (min-width: 1024px) {
+    padding: 7.5rem;
   }
-  
-  .buttonWrapper {
-    display: flex;
-    align-items: flex-start;
-    gap: 1.5rem;
-  }
-  
\ No newline at end of file
+}
+
+.info {
+  max-width: 88rem;
+  display: flex;
+  padding: 3rem;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+  align-self: stretch;
+  border-radius: 1rem;
+}
+
+.buttonWrapper {
+  display: flex;
+  align-items: flex-start;
+  gap: 1.5rem;
+}