From d0285b033e407e0eb0db076dbdeeb5202c0b60a8 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 26 May 2024 21:32:28 +0200
Subject: [PATCH] fix progressbar in post page

---
 src/lib/components/VideoPlayer.svelte           | 6 ++++--
 src/routes/community/post/[postId]/+page.svelte | 7 ++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/VideoPlayer.svelte b/src/lib/components/VideoPlayer.svelte
index 7335142a..548caeca 100644
--- a/src/lib/components/VideoPlayer.svelte
+++ b/src/lib/components/VideoPlayer.svelte
@@ -3,11 +3,12 @@
 import { onMount, onDestroy} from 'svelte';
 import { browser } from '$app/environment';
 import { v4 as uuidv4 } from 'uuid';
+import { screenWidth } from '$lib/store';
 
   let id = uuidv4();
 
   export let src;
-
+  export let hideProgressbar = false;
 
 
   let container;
@@ -138,6 +139,7 @@ function toggleMute(event) {
     {/if}
   </div>
 
+{#if !hideProgressbar}
   <progress class="progress [&::-webkit-progress-value]:bg-[#FF0000] [&::-moz-progress-bar]:bg-[#FF0000] w-full bg-white" value={progress} max="100" style="height: 1.5px"></progress>
-
+{/if}
 
diff --git a/src/routes/community/post/[postId]/+page.svelte b/src/routes/community/post/[postId]/+page.svelte
index 1296c738..98748570 100644
--- a/src/routes/community/post/[postId]/+page.svelte
+++ b/src/routes/community/post/[postId]/+page.svelte
@@ -621,10 +621,7 @@ $: {
                                        
                                     </h1>
 
-                                    
-                                    
-                                   
-                                    
+                                  
                                     
                                     {#if videoId === null}
                                     
@@ -679,7 +676,7 @@ $: {
                                                     />
                                                 -->
                                                 <div class="relative m-auto {$screenWidth < 640 ? 'w-screen' : 'w-fit max-w-[800px] max-h-[700px]'}">
-                                                    <VideoPlayer src={getImageURL(post?.collectionId, post?.id, post?.thumbnail)} />
+                                                    <VideoPlayer src={getImageURL(post?.collectionId, post?.id, post?.thumbnail)} hideProgressbar = {$screenWidth > 640 ? true : false} />
                                                 </div>
                                                     
                                                 </label>