From 25f95c93fa45fd9b6986c8ce9c6ee89838f099b0 Mon Sep 17 00:00:00 2001
From: IrohDW <randomprogrammer@protonmail.com>
Date: Mon, 10 Feb 2025 20:11:51 -0700
Subject: [PATCH] M4V videos are explicitly stated to be supported on the
 Publish Form

---
 .../Publish/PublishVideo/PublishVideo.tsx     |  4 +-
 .../common/Notification/Notification.tsx      | 48 +++++++++----------
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/Publish/PublishVideo/PublishVideo.tsx b/src/components/Publish/PublishVideo/PublishVideo.tsx
index 1b2a529..3d1fc55 100644
--- a/src/components/Publish/PublishVideo/PublishVideo.tsx
+++ b/src/components/Publish/PublishVideo/PublishVideo.tsx
@@ -741,8 +741,8 @@ export const PublishVideo = ({
               <Box>
                 <CodecTypography>
                   Supported File Containers:{" "}
-                  <span style={{ fontWeight: "bold" }}>MP4</span>, Ogg, WebM,
-                  WAV
+                  <span style={{ fontWeight: "bold" }}>MP4</span>, M4V, OGG,
+                  WEBM, WAV
                 </CodecTypography>
                 <CodecTypography>
                   Audio Codecs: <span style={{ fontWeight: "bold" }}>Opus</span>
diff --git a/src/components/common/Notification/Notification.tsx b/src/components/common/Notification/Notification.tsx
index 501f081..3d835d5 100644
--- a/src/components/common/Notification/Notification.tsx
+++ b/src/components/common/Notification/Notification.tsx
@@ -1,52 +1,52 @@
-import { useDispatch, useSelector } from 'react-redux'
-import { toast, ToastContainer, Zoom, Slide } from 'react-toastify'
-import { removeNotification } from '../../../state/features/notificationsSlice'
-import 'react-toastify/dist/ReactToastify.css'
-import { RootState } from '../../../state/store'
+import { useDispatch, useSelector } from "react-redux";
+import { toast, ToastContainer, Zoom, Slide } from "react-toastify";
+import { removeNotification } from "../../../state/features/notificationsSlice";
+import "react-toastify/dist/ReactToastify.css";
+import { RootState } from "../../../state/store";
 
 const Notification = () => {
-  const dispatch = useDispatch()
+  const dispatch = useDispatch();
 
-  const { alertTypes } = useSelector((state: RootState) => state.notifications)
+  const { alertTypes } = useSelector((state: RootState) => state.notifications);
 
   if (alertTypes.alertError) {
     toast.error(`❌ ${alertTypes?.alertError}`, {
-      position: 'bottom-right',
+      position: "bottom-right",
       autoClose: 4000,
       hideProgressBar: false,
       closeOnClick: true,
       pauseOnHover: true,
       draggable: true,
       progress: undefined,
-      icon: false
-    })
-    dispatch(removeNotification())
+      icon: false,
+    });
+    dispatch(removeNotification());
   }
   if (alertTypes.alertSuccess) {
     toast.success(`✔️ ${alertTypes?.alertSuccess}`, {
-      position: 'bottom-right',
+      position: "bottom-right",
       autoClose: 4000,
       hideProgressBar: false,
       closeOnClick: true,
       pauseOnHover: true,
       draggable: true,
       progress: undefined,
-      icon: false
-    })
-    dispatch(removeNotification())
+      icon: false,
+    });
+    dispatch(removeNotification());
   }
   if (alertTypes.alertInfo) {
     toast.info(`${alertTypes?.alertInfo}`, {
-      position: 'top-right',
+      position: "top-right",
       autoClose: 1300,
       hideProgressBar: false,
       closeOnClick: true,
       pauseOnHover: true,
       draggable: true,
       progress: undefined,
-      theme: 'light'
-    })
-    dispatch(removeNotification())
+      theme: "light",
+    });
+    dispatch(removeNotification());
   }
 
   if (alertTypes.alertInfo) {
@@ -62,10 +62,10 @@ const Notification = () => {
         draggable
         pauseOnHover
         theme="light"
-        toastStyle={{ fontSize: '16px' }}
+        toastStyle={{ fontSize: "16px" }}
         transition={Slide}
       />
-    )
+    );
   }
 
   return (
@@ -80,7 +80,7 @@ const Notification = () => {
       draggable
       pauseOnHover
     />
-  )
-}
+  );
+};
 
-export default Notification
+export default Notification;