@saooti/octopus-sdk 36.0.3 → 36.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "36.0.3",
+  "version": "36.0.4",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -54,7 +54,7 @@
     <div
       v-for="p in podcasts"
       :key="p.podcastId"
-      class="border-top emission-item-border-color p-2 secondary-bg d-flex flex-column"
+      class="border-top emission-item-border-color p-2 d-flex flex-column"
     >
       <router-link
         v-if="isProgressBar"
@@ -93,7 +93,7 @@
               <!-- eslint-enable -->
             </div>
           </router-link>
-          <PodcastPlayBar :podcast="p" />
+          <PodcastPlayBar  :podcast-id="p.podcastId" :duration="p.duration" />
         </div>
         <button
           v-if="
@@ -233,8 +233,8 @@ export default defineComponent({
       this.podcasts = data.result;
       this.$nextTick(() => {
       for (let index = 0, len = this.podcasts.length; index < len; index++) {
-        const podcastDesc = (this.$refs['descriptionPodcast'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
-        const podcastDescContainer = (this.$refs['descriptionPodcastContainer'+this.podcasts[index].podcastId] as Array<HTMLElement>)[0];
+        const podcastDesc = (this.$refs['descriptionPodcast'+this.podcasts[index].podcastId] as Array<HTMLElement>)?.[0] ?? null;
+        const podcastDescContainer = (this.$refs['descriptionPodcastContainer'+this.podcasts[index].podcastId] as Array<HTMLElement>)?.[0] ?? null;
         if (
           null !== podcastDesc && null !== podcastDescContainer &&
           podcastDesc.clientHeight > podcastDescContainer.clientHeight
@@ -258,6 +258,7 @@ export default defineComponent({
   width: 100%;
   max-width: $octopus-item-size;
   height: min-content;
+  border: 2px solid #eee;
   border-radius: $octopus-borderradius;
   overflow: hidden;
   .emission-item-border-color {

package/src/components/display/list/Paginate.vue

@@ -165,7 +165,7 @@ export default defineComponent({
   justify-content: flex-end;
   width: 100%;
   position: sticky;
-  background: white;
+  background: $octopus-background;
   padding: 0.5rem 0;
   z-index: 10;
   .btn{

package/src/components/display/podcasts/PodcastModuleBox.vue

@@ -101,7 +101,8 @@
             :is-guest="true"
           />
           <PodcastPlayBar
-            :podcast="podcast"
+            :podcast-id="podcast.podcastId"
+            :duration="podcast.duration"
           />
           <div v-if="editRight && !isPodcastmaker">
             <div

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -20,11 +20,10 @@
       </template>
     </div>
   </div>
-  <div class="d-flex flex-column me-2">
+  <div class="d-flex flex-column me-2" v-if="podcast || emission ||playlist">
     <div class="h4 mb-2">{{$t('Newsletter')}}</div>
     <div class="d-flex align-items-center justify-content-center">
       <button
-        v-if="podcast || emission ||playlist"
         :class="getClass()"
         class="saooti-newsletter"
         :title="$t('Share newsletter')"