Add læreglede content to Sanity

varianter · Dec 12, 2024 · b7aeb7f · b7aeb7f
1 parent 794d4e7
commit b7aeb7f
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 22 deletions.
diff --git a/src/components/sections/learning/Learning.tsx b/src/components/sections/learning/Learning.tsx
@@ -29,17 +29,16 @@ export default function Learning({ section }: LearningProps) {
         </div>
         <div className={styles.textContainer}>
           <div className={styles.textContent}>
-            <Text type="labelLarge" className={styles.articleTag}>
-              Artikkel · 5 min{" "}
+            <Text type="labelLarge" className={styles.text}>
+              {section.articleTag}
             </Text>
-            <Link href="https://blog.variant.no/tidenes-beste-konferansesesong-for-variant-700baa5e82a3">
-              <Text type="h3" className={styles.articleTitle}>
-                Tidenes beste konferansesesong for Variant
+            <Link href={section.articleLink}>
+              <Text type="h3" className={styles.text}>
+                {section.articleTitle}
               </Text>
             </Link>
-            <Text type="bodyBig" className={styles.articleSubtitle}>
-              I Variant har vi en veldig uttalt strategi rundt
-              kompetansebygging. Vi kaller den læreglede.
+            <Text type="bodyBig" className={styles.text}>
+              {section.articleSubtitle}
             </Text>
           </div>
         </div>

diff --git a/src/components/sections/learning/learning.module.css b/src/components/sections/learning/learning.module.css
@@ -79,18 +79,6 @@
   align-self: stretch;
 }
 
-.textContainer {
-  color: var(--text-primary-light);
-}
-
-.articleTag {
-  color: var(--text-primary-light);
-}
-
-.articleTitle {
-  color: var(--text-primary-light);
-}
-
-.articleSubtitle {
+.text {
   color: var(--text-primary-light);
 }
diff --git a/src/components/sections/openness/Openness.tsx b/src/components/sections/openness/Openness.tsx
@@ -19,7 +19,12 @@ export default function Openness({ section }: OpennessProps) {
         <div className={styles.image}>
           <SanityImage image={section.image} />
         </div>
-        <SmileyBox description={section.description} />
+        <SmileyBox
+          description={section.description}
+          smileySide="left"
+          smileyType="happy"
+          backgroundColor="green"
+        />
       </div>
     </div>
   );

diff --git a/studio/lib/interfaces/pages.ts b/studio/lib/interfaces/pages.ts
@@ -184,6 +184,10 @@ export interface LearningSection {
   basicTitle: string;
   image: IImage;
   description: string;
+  articleLink: string;
+  articleTag: string;
+  articleTitle: string;
+  articleSubtitle: string;
 }
 
 export type Section =

diff --git a/studio/lib/queries/pages.ts b/studio/lib/queries/pages.ts
@@ -122,6 +122,10 @@ const SECTIONS_FRAGMENT = groq`
     _type == "learningSection" => {
       "basicTitle": ${translatedFieldFragment("basicTitle")},
       "description": ${translatedFieldFragment("description")},
+      "articleLink": ${translatedFieldFragment("articleLink")},
+      "articleTag": ${translatedFieldFragment("articleTag")},
+      "articleTitle": ${translatedFieldFragment("articleTitle")},
+      "articleSubtitle": ${translatedFieldFragment("articleSubtitle")},
     }
   }
 `;

diff --git a/studio/schemas/objects/sections/learning.ts b/studio/schemas/objects/sections/learning.ts
@@ -34,6 +34,30 @@ export const learningSection = defineField({
       type: "internationalizedArrayString",
       validation: (rule) => rule.required(),
     },
+    {
+      name: "articleLink",
+      title: "Article link",
+      type: "internationalizedArrayString",
+      validation: (rule) => rule.required(),
+    },
+    {
+      name: "articleTag",
+      title: "Article tag",
+      type: "internationalizedArrayString",
+      validation: (rule) => rule.required(),
+    },
+    {
+      name: "articleTitle",
+      title: "Article title",
+      type: "internationalizedArrayString",
+      validation: (rule) => rule.required(),
+    },
+    {
+      name: "articleSubtitle",
+      title: "Article subtitle",
+      type: "internationalizedArrayString",
+      validation: (rule) => rule.required(),
+    },
   ],
   preview: {
     prepare() {