updated variable name and fix cross origin error

PalisadoesFoundation · Jan 25, 2024 · 96e3128 · 96e3128
1 parent a489cc2
commit 96e3128
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/schema.graphql b/schema.graphql
@@ -409,7 +409,7 @@ input CreateAdvertisementInput {
   organizationId: ID!
   startDate: Date!
   type: String!
-  file: String!
+  mediaFile: String!
 }
 
 type CreateAdvertisementPayload {

diff --git a/src/GraphQl/Mutations/mutations.ts b/src/GraphQl/Mutations/mutations.ts
@@ -436,7 +436,7 @@ export const ADD_ADVERTISEMENT_MUTATION = gql`
         type: $type
         startDate: $startDate
         endDate: $endDate
-        file: $file
+        mediaFile: $file
       }
     ) {
       _id
@@ -456,7 +456,7 @@ export const UPDATE_ADVERTISEMENT_MUTATION = gql`
       input: {
         _id: $id
         name: $name
-        file: $file
+        mediaFile: $file
         type: $type
         startDate: $startDate
         endDate: $endDate

diff --git a/src/components/Advertisements/core/AdvertisementEntry/AdvertisementEntry.tsx b/src/components/Advertisements/core/AdvertisementEntry/AdvertisementEntry.tsx
@@ -97,6 +97,7 @@ function advertisementEntry({
                   loop={true}
                   playsInline
                   data-testid="media"
+                  crossOrigin="anonymous"
                 >
                   <source src={mediaUrl} type="video/mp4" />
                 </video>

diff --git a/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.tsx b/src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.tsx
@@ -249,8 +249,14 @@ function advertisementRegister({
               />
               {formState.advertisementMedia && (
                 <div className={styles.preview} data-testid="mediaPreview">
-                  {formState.advertisementMedia.includes('data:video') ? (
-                    <video muted autoPlay={true} loop={true} playsInline>
+                  {formState.advertisementMedia.includes('video') ? (
+                    <video
+                      muted
+                      autoPlay={true}
+                      loop={true}
+                      playsInline
+                      crossOrigin="anonymous"
+                    >
                       <source
                         src={formState.advertisementMedia}
                         type="video/mp4"