feat: updates

conversionxl · May 7, 2024 · 596b281 · 596b281
1 parent 4d4fdf6
commit 596b281
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 3 deletions.
diff --git a/packages/ui-react/src/components/Card/Card.tsx b/packages/ui-react/src/components/Card/Card.tsx
@@ -50,7 +50,7 @@ function Card({
   url,
   tabIndex = 0,
 }: CardProps): JSX.Element {
-  const { title, duration, episodeNumber, seasonNumber, cardImage: image, mediaStatus, scheduledStart } = item;
+  const { title, duration, episodeNumber, seasonNumber, cardImage: image, mediaStatus, scheduledStart, series_label } = item;
   const {
     t,
     i18n: { language },
@@ -78,7 +78,7 @@ function Card({
     if (loading || disabled || !title) return null;
 
     if (isSeriesItem) {
-      return <div className={styles.tag}>{t('video:series')}</div>;
+      return <div className={styles.tag}>{(series_label as string) || t('video:series')}</div>;
     } else if (episodeNumber) {
       return <div className={styles.tag}>{formatSeriesMetaString(seasonNumber, episodeNumber)}</div>;
     } else if (duration) {

diff --git a/packages/ui-react/src/components/Header/Header.module.scss b/packages/ui-react/src/components/Header/Header.module.scss
@@ -255,3 +255,10 @@
     width: 80px;
   }
 }
+
+// Custom
+@include responsive.mobile-only() {
+  .customActions {
+    display: none;
+  }
+}
diff --git a/packages/ui-react/src/components/VideoDetails/VideoDetails.module.scss b/packages/ui-react/src/components/VideoDetails/VideoDetails.module.scss
@@ -182,3 +182,15 @@
   border: 3px solid white;
   border-radius: 100%;
 }
+
+// Custom
+
+/* stylelint-disable no-duplicate-selectors */
+
+.buttonBar {
+  flex-wrap: wrap;
+
+  > a {
+    margin: 6px;
+  }
+}
diff --git a/packages/ui-react/src/containers/Layout/Layout.tsx b/packages/ui-react/src/containers/Layout/Layout.tsx
@@ -241,7 +241,7 @@ const Layout = () => {
             </li>
           ))}
         {afterItems.map((item) => (
-          <Button key={item.key} label={item.label} to={item.url} variant="text" />
+          <MenuButton key={item.key} label={item.label} to={item.url} tabIndex={sideBarOpen ? 0 : -1} />
         ))}
         </ul>
         {rightItems.map((item) => (