@ndla/ui 27.1.6 → 28.0.0

package/src/Resource/ListResource.tsx

@@ -16,10 +16,13 @@ import {
   ResourceImageProps,
   ResourceTitle,
   ResourceTitleLink,
-  TopicList,
+  ResourceTypeList,
+  StyledContentIconWrapper,
   LoaderProps,
 } from './resourceComponents';
 import ContentLoader from '../ContentLoader';
+import ContentTypeBadge from '../ContentTypeBadge';
+import { contentTypeMapping } from '../model/ContentType';
 
 const StyledResourceDescription = styled.p`
   grid-area: description;
@@ -90,18 +93,21 @@ const TagsandActionMenu = styled.div`
 const StyledImageWrapper = styled.div<StyledImageProps>`
   grid-area: image;
   width: ${(p) => (p.imageSize === 'normal' ? '136px' : '56px')};
-  height: ${(p) => (p.imageSize === 'normal' ? '96px' : '40px')};
   ${mq.range({ until: breakpoints.mobileWide })} {
     width: 54px;
     height: 40px;
   }
   overflow: hidden;
+  border-radius: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: 4/3;
 `;
 
 const StyledImage = styled(Image)`
-  display: flex;
-  border-radius: 2px;
   object-fit: cover;
+  aspect-ratio: 4/3;
 `;
 
 const TopicAndTitleWrapper = styled.div`
@@ -119,7 +125,8 @@ export interface ListResourceProps {
   tagLinkPrefix?: string;
   title: string;
   resourceImage: ResourceImageProps;
-  topics: string[];
+  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  resourceTypes: { id: string; name: string }[];
   tags?: string[];
   description?: string;
   menuItems?: MenuItemProps[];
@@ -131,14 +138,24 @@ interface ListResourceImageProps {
   resourceImage: ResourceImageProps;
   loading?: boolean;
   type: 'normal' | 'compact';
+  contentType: string;
 }
 
-const ListResourceImage = ({ resourceImage, loading, type }: ListResourceImageProps) => {
+const ListResourceImage = ({ resourceImage, loading, type, contentType }: ListResourceImageProps) => {
   if (!loading) {
-    return (
-      <StyledImage alt={resourceImage.alt} src={resourceImage.src} fallbackWidth={type === 'compact' ? 56 : 136} />
-    );
+    if (resourceImage.src === '') {
+      return (
+        <StyledContentIconWrapper contentType={contentType}>
+          <ContentTypeBadge type={contentType} size="x-small" />
+        </StyledContentIconWrapper>
+      );
+    } else {
+      return (
+        <StyledImage alt={resourceImage.alt} src={resourceImage.src} fallbackWidth={type === 'compact' ? 56 : 136} />
+      );
+    }
   }
+
   return (
     <ContentLoader height={'100%'} width={'100%'} viewBox={null} preserveAspectRatio="none">
       <rect
@@ -153,7 +170,7 @@ const ListResourceImage = ({ resourceImage, loading, type }: ListResourceImagePr
   );
 };
 
-const TopicAndTitleLoader = ({ loading, children }: LoaderProps) => {
+const ResourceTypeAndTitleLoader = ({ loading, children }: LoaderProps) => {
   if (loading) {
     return (
       <ContentLoader height={'40px'} width={'100%'} viewBox={null} preserveAspectRatio="none">
@@ -189,7 +206,8 @@ const ListResource = ({
   title,
   tags,
   resourceImage,
-  topics,
+  resourceTypes,
+  headingLevel = 'h2',
   description,
   menuItems,
   isLoading = false,
@@ -198,6 +216,8 @@ const ListResource = ({
   const showDescription = description !== undefined;
   const imageType = showDescription ? 'normal' : 'compact';
   const linkRef = useRef<HTMLAnchorElement>(null);
+  const firstContentType = resourceTypes?.[0].id ?? '';
+  const Title = ResourceTitle.withComponent(headingLevel);
   const handleClick = () => {
     if (linkRef.current) {
       linkRef.current.click();
@@ -207,15 +227,20 @@ const ListResource = ({
   return (
     <ResourceWrapper onClick={handleClick} id={id}>
       <StyledImageWrapper imageSize={imageType}>
-        <ListResourceImage resourceImage={resourceImage} loading={isLoading} type={imageType} />
+        <ListResourceImage
+          resourceImage={resourceImage}
+          loading={isLoading}
+          type={imageType}
+          contentType={contentTypeMapping[firstContentType] ?? contentTypeMapping['default']}
+        />
       </StyledImageWrapper>
       <TopicAndTitleWrapper>
-        <TopicAndTitleLoader loading={isLoading}>
+        <ResourceTypeAndTitleLoader loading={isLoading}>
           <ResourceTitleLink to={link} target={targetBlank ? '_blank' : undefined} ref={linkRef}>
-            <ResourceTitle>{title}</ResourceTitle>
+            <Title>{title}</Title>
           </ResourceTitleLink>
-          <TopicList topics={topics} />
-        </TopicAndTitleLoader>
+          <ResourceTypeList resourceTypes={resourceTypes} />
+        </ResourceTypeAndTitleLoader>
       </TopicAndTitleWrapper>
       {showDescription && <ResourceDescription description={description} loading={isLoading} />}
       <TagsandActionMenu>

package/src/Resource/resourceComponents.tsx

@@ -14,7 +14,7 @@ import { MenuButton } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import { useNavigate } from 'react-router-dom';
 import { HashTag } from '@ndla/icons/common';
-
+import resourceTypeColor from '../utils/resourceTypeColor';
 export interface ResourceImageProps {
   alt: string;
   src: string;
@@ -65,13 +65,12 @@ const StyledSafeLink = styled(SafeLink)`
   }
 `;
 
-const StyledTopicList = styled.ul`
+const StyledResourceTypeList = styled.ul`
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
   overflow: hidden;
-  grid-area: topicList;
 `;
 
 const StyledTopicDivider = styled.span`
@@ -79,7 +78,7 @@ const StyledTopicDivider = styled.span`
   padding: 0 ${spacing.xxsmall};
 `;
 
-const StyledTopicListElement = styled.li`
+const StyledResourceListElement = styled.li`
   ${fonts.sizes(12)};
   margin: 0;
   line-height: 1.5;
@@ -103,6 +102,19 @@ const TagCounterWrapper = styled.span`
   padding: 5px;
 `;
 
+export interface ContentIconProps {
+  contentType: string;
+}
+
+export const StyledContentIconWrapper = styled.span<ContentIconProps>`
+  width: 100%;
+  aspect-ratio: 4/3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ contentType }) => resourceTypeColor(contentType)};
+`;
+
 interface TagListProps {
   tags?: string[];
   tagLinkPrefix?: string;
@@ -146,7 +158,6 @@ const TagMenuButton = styled(MenuButton)`
     background-color: ${colors.brand.light};
   }
 `;
-
 export const CompressedTagList = ({ tags, tagLinkPrefix }: CompressedTagListProps) => {
   const navigate = useNavigate();
   const { t } = useTranslation();
@@ -175,21 +186,21 @@ export const CompressedTagList = ({ tags, tagLinkPrefix }: CompressedTagListProp
   );
 };
 
-interface TopicListProps {
-  topics?: string[];
+interface ResourceTypeListProps {
+  resourceTypes?: { id: string; name: string }[];
 }
 
-export const TopicList = ({ topics }: TopicListProps) => {
+export const ResourceTypeList = ({ resourceTypes }: ResourceTypeListProps) => {
   const { t } = useTranslation();
-  if (!topics) return null;
+  if (!resourceTypes) return null;
   return (
-    <StyledTopicList aria-label={t('navigation.topics')}>
-      {topics.map((topic, i) => (
-        <StyledTopicListElement key={topic}>
-          {topic}
-          {i !== topics.length - 1 && <StyledTopicDivider aria-hidden="true">•</StyledTopicDivider>}
-        </StyledTopicListElement>
+    <StyledResourceTypeList aria-label={t('navigation.topics')}>
+      {resourceTypes.map((resource, i) => (
+        <StyledResourceListElement key={resource.id}>
+          {resource.name}
+          {i !== resourceTypes.length - 1 && <StyledTopicDivider aria-hidden="true">•</StyledTopicDivider>}
+        </StyledResourceListElement>
       ))}
-    </StyledTopicList>
+    </StyledResourceTypeList>
   );
 };

package/src/SearchTypeResult/SearchItem.tsx

@@ -18,30 +18,8 @@ import constants from '../model';
 import ItemContexts, { ItemContextsType } from './components/ItemContexts';
 import ItemTopicHeader from './components/ItemTopicHeader';
 import ItemResourceHeader from './components/ItemResourceHeader';
-
 const { contentTypes } = constants;
 
-export const resourceTypeColor = (type: string) => {
-  switch (type) {
-    case contentTypes.SUBJECT_MATERIAL:
-      return colors.subjectMaterial.light;
-    case contentTypes.TOPIC:
-      return colors.subject.light;
-    case contentTypes.TASKS_AND_ACTIVITIES:
-      return colors.tasksAndActivities.light;
-    case contentTypes.ASSESSMENT_RESOURCES:
-      return colors.assessmentResource.light;
-    case contentTypes.EXTERNAL_LEARNING_RESOURCES:
-      return colors.externalLearningResource.light;
-    case contentTypes.SOURCE_MATERIAL:
-      return colors.sourceMaterial.light;
-    case contentTypes.LEARNING_PATH:
-      return colors.learningPath.light;
-    default:
-      return '';
-  }
-};
-
 type ItemTypeProps = {
   contentType?: ContentType;
   isTopic?: boolean;

package/src/SearchTypeResult/components/ItemResourceHeader.tsx

@@ -13,7 +13,9 @@ import styled from '@emotion/styled';
 import { animations, fonts, spacing } from '@ndla/core';
 
 import { ContentType } from '../SearchTypeResult';
-import { resourceTypeColor, SearchItemType } from '../SearchItem';
+import { SearchItemType } from '../SearchItem';
+
+import resourceTypeColor from '../../utils/resourceTypeColor';
 import ContentTypeBadge from '../../ContentTypeBadge';
 
 type ItemTypeProps = {

package/src/locale/messages-en.ts

@@ -71,9 +71,7 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Active',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Expired',
     [subjectCategories.BETA_SUBJECTS]: 'Revised',
-    [subjectCategories.COMMON_SUBJECTS]: 'Common core subj.',
-    [subjectCategories.PROGRAMME_SUBJECTS]: 'Programme subj. SF',
-    [subjectCategories.SPECIALIZED_SUBJECTS]: 'Programme subj. YF',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Other resources',
   },
   subjectTypes: {
     [subjectTypes.SUBJECT]: 'Subject',
@@ -432,6 +430,7 @@ const messages = {
   },
   license: {
     heading: 'How to reuse content',
+    copy: 'Copy',
     tabs: {
       text: 'Text',
       images: 'Images',
@@ -1046,9 +1045,10 @@ const messages = {
       deleteAccount: 'Delete My NDLA',
       welcome:
         'Welcome to my NDLA! You can now save your favourite resources from NDLA and organise them in folders with tags',
-      read: { our: 'Read our', ours: 'Read our' },
+      read: { read: 'Read our', our: '.' },
       privacy: 'privacy statement',
-      questions: { question: 'Any questions?', ask: 'Ask us in the chat' },
+      privacyLink: 'https://om.ndla.no/gdpr',
+      questions: { question: 'Any questions?', ask: 'Ask NDLA' },
       wishToDelete: 'Do you wish to delete your account?',
       terms: {
         terms: 'Terms of use',
@@ -1067,11 +1067,11 @@ const messages = {
       },
       folderInfo: {
         title: 'How to organise your favourite resources in folders',
-        text: 'You can get to the folder overview by clicking on my folders on the menu to the left. Here you can create new folders and subfolder. You can also create a new folder in the dialogue window that is activated when you click on the heart in a resource',
+        text: 'You can get to the folder overview by clicking on <strong>My folders</strong> on the menu to the left. Here you can create new folders and subfolder. You can also create a new folder in the dialogue window that is activated when you click on the heart in a resource',
       },
       tagInfo: {
         title: 'How to tag your favourite resources',
-        text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting my tags on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.',
+        text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting <strong>My tags</strong> on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.',
       },
     },
     resource: {

package/src/locale/messages-nb.ts

@@ -71,9 +71,7 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
     [subjectCategories.BETA_SUBJECTS]: 'Kommende',
-    [subjectCategories.COMMON_SUBJECTS]: 'Fellesfag',
-    [subjectCategories.PROGRAMME_SUBJECTS]: 'Programfag SF',
-    [subjectCategories.SPECIALIZED_SUBJECTS]: 'Yrkesfag',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Andre ressurser',
   },
   subjectTypes: {
     [subjectTypes.SUBJECT]: 'Fag',
@@ -432,6 +430,7 @@ const messages = {
     heading: 'Slik gjenbruker du innhold',
     learnMore: 'Lær mer om åpne lisenser',
     copyTitle: 'Kildehenvisning',
+    copy: 'Kopier',
     hasCopiedTitle: 'Kopiert!',
     embed: 'Bygg inn',
     embedCopied: 'Kopierte innbyggingskode!',
@@ -826,7 +825,7 @@ const messages = {
   },
   frontPageToolbox: {
     heading: 'Verktøykassa',
-    text: 'Har du lyst til å bli god til å presentere, eller vil du lære å studere smartere ved hjelp av riktig studieteknikk? Trenger du råd om hvordan du leser mest mulig effektivt til eksamen? I verktøykassa til NDLA finner du masse gode tips og råd!',
+    text: 'Har du lyst til å bli god til å presentere, eller vil du lære å studere smartere ved hjelp av riktig studieteknikk? Trenger du råd om hvordan du leser mest mulig effektivt til eksamen? I verktøykassa til NDLA finner du mange gode tips og råd!',
     linkTextStudents: 'Se alle tipsene for elever her',
     linkTextTeachers: 'Se alle tipsene for lærere her',
     cursorText: 'Tips',
@@ -954,9 +953,9 @@ const messages = {
     loggedInAs: 'Du er pålogget som {{role}}.',
     loggedInAsButton: 'Du er pålogget som {{role}}',
     role: {
-      employee: 'Lærer',
-      staff: 'Ansatt',
-      student: 'Elev',
+      employee: 'lærer',
+      staff: 'ansatt',
+      student: 'elev',
     },
     buttonLogIn: 'Logg inn med Feide',
     buttonLogOut: 'Logg ut',
@@ -971,7 +970,7 @@ const messages = {
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.',
     },
-    primarySchool: 'Hovedskole',
+    primarySchool: 'hovedskole',
     name: 'Navn',
     mail: 'E-post',
     username: 'Brukernavn',
@@ -981,7 +980,7 @@ const messages = {
       other: 'Andre grupper',
     },
     wrongUserInfoDisclaimer:
-      'Dersom informasjon er feil, så må dette oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
+      'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {
@@ -1042,10 +1041,11 @@ const messages = {
       loginResourcePitch: 'Ønsker du å favorittmerke denne siden?',
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
-        'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
-      read: { our: 'Les vår', ours: 'Les våre' },
-      privacy: 'personvernerklæring her',
-      questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
+        'Velkommen til Min NDLA! Nå kan du lagre favorittressursene dine fra NDLA og organisere dem i mapper og med emneknagger.',
+      read: { read: 'Les', our: ' vår.' },
+      privacy: 'personvernerklæringa',
+      privacyLink: 'https://om.ndla.no/gdpr',
+      questions: { question: 'Lurer du på noe?', ask: 'Spør NDLA' },
       wishToDelete: 'Vil du ikke ha brukerprofil hos oss lenger?',
       terms: {
         terms: 'Vilkår for bruk',
@@ -1058,16 +1058,16 @@ const messages = {
       feideWrongInfo:
         'Dersom informasjon er feil, så må dette oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: feide.no/brukerstøtte',
       storageInfo: {
-        title: 'Slik lagrer du dine favorittressurser fra NDLA',
-        text: 'Klikk på hjerteknappen for å lagre en ressurs. Du vil da få mulighet til å lagre ressursen i en mappe.',
+        title: 'Slik lagrer du favorittressursene dine fra NDLA',
+        text: 'Klikk på hjerteknappen for å lagre en ressurs. Du vil da få mulighet til å lagre ressursen i ei mappe.',
       },
       folderInfo: {
-        title: 'Slik organiserer du dine favorittressurser i mapper',
-        text: 'Klikk på mine mapper i menyen til venstre for å komme til mappeoversikten. Her kan du opprette nye mapper og undermapper. Du kan også opprette en ny mappe i dialogvinduet som kommer når du klikker på et hjerte i en ressurs.',
+        title: 'Slik organiserer du favorittressursene dine i mapper',
+        text: 'Klikk på <strong>Mine mapper</strong> i menyen til venstre for å komme til mappeoversikten. Her kan du opprette nye mapper og undermapper. Du kan også opprette ei ny mappe i dialogvinduet som kommer når du klikker på et hjerte i en ressurs.',
       },
       tagInfo: {
-        title: 'Slik tagger du dine favorittressurser',
-        text: 'Når du lagrer en ressurs får du mulighet til å markere ressursen med en emneknagg. Emneknaggen er et nøkkelord du kan bruke til å finne tilbake til ressurser på tvers av mapper. Du finner alle emneknaggene du har brukt ved å velge mine emneknagger i venstremenyen. Her kan du også se hvilke ressurser du har markert med hver enkel emneknagg.',
+        title: 'Slik tagger du favorittressursene dine',
+        text: 'Når du lagrer en ressurs, får du mulighet til å markere ressursen med en emneknagg. Emneknaggen er et nøkkelord du kan bruke til å finne tilbake til ressurser på tvers av mapper. Du finner alle emneknaggene du har brukt, ved å velge <strong>Mine emneknagger</strong> i venstremenyen. Her kan du også se hvilke ressurser du har markert med hvilken emneknagg.',
       },
     },
     resource: {

package/src/locale/messages-nn.ts

@@ -71,9 +71,7 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
     [subjectCategories.BETA_SUBJECTS]: 'Kommande',
-    [subjectCategories.COMMON_SUBJECTS]: 'Fellesfag',
-    [subjectCategories.PROGRAMME_SUBJECTS]: 'Programfag SF',
-    [subjectCategories.SPECIALIZED_SUBJECTS]: 'Yrkesfag',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Andre ressursar',
   },
   subjectTypes: {
     [subjectTypes.SUBJECT]: 'Fag',
@@ -433,6 +431,7 @@ const messages = {
     heading: 'Slik gjenbruker du innhald',
     learnMore: 'Lær meir om opne lisensar',
     copyTitle: 'Kjeldetilvising',
+    copy: 'Kopier',
     hasCopiedTitle: 'Kopiert!',
     embed: 'Bygg inn',
     embedCopied: 'Kopierte innbyggingskode!',
@@ -827,7 +826,7 @@ const messages = {
   },
   frontPageToolbox: {
     heading: 'Verktøykassa',
-    text: 'Har du lyst til å bli god til å presentere, eller vil du lære å studere smartare ved hjelp av riktig studieteknikk? Treng du råd om korleis du les mest mogleg effektivt til eksamen? I verktøykassa til NDLA finn du masse gode tips og råd!',
+    text: 'Har du lyst til å bli god til å presentere, eller vil du lære å studere smartare ved hjelp av riktig studieteknikk? Treng du råd om korleis du les mest mogleg effektivt til eksamen? I verktøykassa til NDLA finn du mange gode tips og råd!',
     linkTextStudents: 'Sjå alle tipsa for elever her',
     linkTextTeachers: 'Sjå alle tipsa for lærarar her',
     cursorText: 'Tips',
@@ -955,9 +954,9 @@ const messages = {
     loggedInAs: 'Du er pålogga som {{role}}.',
     loggedInAsButton: 'Du er pålogga som {{role}}',
     role: {
-      employee: 'Lærar',
-      staff: 'Tilsett',
-      student: 'Elev',
+      employee: 'lærar',
+      staff: 'tilsett',
+      student: 'elev',
     },
     buttonLogIn: 'Logg inn med Feide',
     buttonLogOut: 'Logg ut',
@@ -972,7 +971,7 @@ const messages = {
     resource: {
       accessDenied: 'Vi beklagar, men denne ressursen er berre for lærarar innlogga med Feide.',
     },
-    primarySchool: 'Hovudskule',
+    primarySchool: 'hovudskule',
     name: 'Namn',
     mail: 'E-post',
     username: 'Brukarnamn',
@@ -982,7 +981,7 @@ const messages = {
       other: 'Andre grupper',
     },
     wrongUserInfoDisclaimer:
-      'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrar. Oversikt over brukarstøtte finst her: ',
+      'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: ',
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
   slateBlockMenu: {
@@ -1017,7 +1016,7 @@ const messages = {
       'Er du sikker på at du vil slette mappa? Dersom mappa har undermapper vil desse også slettast. Denne handlinga kan ikkje endrast.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje endrast.',
     myFolders: 'Mine mapper',
-    myTags: 'Emneknaggane mine',
+    myTags: 'Mine emneknaggar',
     newFolder: 'Ny mappe',
     newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
@@ -1043,10 +1042,11 @@ const messages = {
       loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
-        'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
-      read: { our: 'Les vår', ours: 'Les våre' },
-      privacy: 'personvernerklæring her',
-      questions: { question: 'Lurer du på noko?', ask: 'Spør oss i chatten' },
+        'Velkommen til Min NDLA! No kan du lagre favorittressursane dine frå NDLA og organisere dei i mapper og med emneknaggar.',
+      read: { read: 'Les', our: ' vår.' },
+      privacy: 'personvernerklæringa',
+      privacyLink: 'https://om.ndla.no/gdpr',
+      questions: { question: 'Lurer du på noko?', ask: 'Spør NDLA' },
       wishToDelete: 'Vil du ikkje ha brukerprofil hos oss lenger?',
       terms: {
         terms: 'Vilkår for bruk',
@@ -1059,16 +1059,16 @@ const messages = {
       feideWrongInfo:
         'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversyn over brukartrygd finst her: feide.no/brukartrygd',
       storageInfo: {
-        title: 'Slik lagrar du favorittressursene dine frå NDLA',
+        title: 'Slik lagrar du favorittressursane dine frå NDLA',
         text: 'Klikk på hjarteknappen for å lagre ein ressurs. Du vil då få høve til å lagre ressursen i ei mappe.',
       },
       folderInfo: {
         title: 'Slik organiserer du favorittressursene dine i mapper',
-        text: 'Klikk på mine mapper i menyen til venstre for å kome til mappeoversikta. Her kan du opprette nye mapper og undermapper. Du kan også opprette ny mappe i vindauget som kjem opp når du klikkar på eit hjarte i ein ressurs.',
+        text: 'Klikk på <strong>Mine mapper</strong> i menyen til venstre for å komme til mappeoversikta. Her kan du opprette nye mapper og undermapper. Du kan også opprette ny mappe i vindauget som kjem opp når du klikkar på eit hjarte i ein ressurs.',
       },
       tagInfo: {
-        title: 'Slik tagger du dine favorittressurser',
-        text: 'Når du lagrar ein ressurs får du høve til å markere ressursen med ein emneknagg. Emneknaggen er eit nøkkelord du kan bruke til å finne tilbake til ressursar på tvers av mapper. Du finn alle emneknaggane du har brukt ved å velje mine emneknaggar i venstremenyen. Her kan du også sjå kva for nokre ressursar du har markert med kvar enkel emneknagg.',
+        title: 'Slik taggar du favorittressursane dine',
+        text: 'Når du lagrar ein ressurs, får du høve til å markere ressursen med ein emneknagg. Emneknaggen er eit nøkkelord du kan bruke til å finne tilbake til ressursar på tvers av mapper. Du finn alle emneknaggane du har brukt, ved å velje <strong>Mine emneknaggar</strong> i venstremenyen. Her kan du også sjå kva for ressursar du har merkt med kva knagg.',
       },
     },
     resource: {