Merge pull request #1405 from danskernesdigitalebibliotek/DDFBRA-23-h…

…uskeliste-brugere-far-fejlmeddelelse-nar-de-forsoger-at-tilga-huskeliste

Fix favourites list

src/apps/favorites-list/FavoritesList.tsx

@@ -44,8 +44,8 @@ const FavoritesList: React.FC<FavoritesListProps> = ({ pageSize }) => {
 
   const skeletonList = (
     <>
-      <div className="ssc">
-        <div className="ssc-line w-10 my-32">&nbsp;</div>
+      <div className="ssc content-list">
+        <div className="ssc-line w-10 mt-32">&nbsp;</div>
       </div>
       <ul className="content-list">
         {/*

src/apps/material/material.dev.tsx

@@ -958,11 +958,16 @@ digitalArticle.args = {
   wid: "work-of:870971-tsart:36297484"
 };
 
-export const inLargeSameSeriesAndIrregularFaustId = Template.bind({});
-inLargeSameSeriesAndIrregularFaustId.args = {
+export const irregularFaustId1InLargeSameSeries = Template.bind({});
+irregularFaustId1InLargeSameSeries.args = {
   wid: "work-of:150086-netmusik:BIS-2067"
 };
 
+export const irregularFaustId2fairytale = Template.bind({});
+irregularFaustId2fairytale.args = {
+  wid: "work-of:800010-katalog:99122572002205763__1"
+};
+
 export const journal = Template.bind({});
 journal.args = {
   wid: "work-of:870970-basis:01007556"

src/core/utils/helpers/general.ts

@@ -163,7 +163,7 @@ export const convertPostIdToFaustId = (postId: Pid) => {
   // in the last part after the colon, but it can also have a dash.
   // We are about to have clarified what the proper name of the element.
   // But for now we will call it faustId.
-  const matches = postId.match(/^[0-9]+-[a-z]+:([a-zA-Z0-9-]+)$/);
+  const matches = postId.match(/^[0-9]+-[a-z]+:([a-zA-Z0-9-_]+)$/);
   if (matches?.[1]) {
     return matches?.[1] as FaustId;
   }