3
0
mirror of https://github.com/Qortal/q-tube.git synced 2025-02-11 17:55:51 +00:00

M4V videos are explicitly stated to be supported on the Publish Form

This commit is contained in:
Qortal Dev 2025-02-10 20:11:51 -07:00
parent 9d9c161139
commit 25f95c93fa
2 changed files with 26 additions and 26 deletions

View File

@ -741,8 +741,8 @@ export const PublishVideo = ({
<Box> <Box>
<CodecTypography> <CodecTypography>
Supported File Containers:{" "} Supported File Containers:{" "}
<span style={{ fontWeight: "bold" }}>MP4</span>, Ogg, WebM, <span style={{ fontWeight: "bold" }}>MP4</span>, M4V, OGG,
WAV WEBM, WAV
</CodecTypography> </CodecTypography>
<CodecTypography> <CodecTypography>
Audio Codecs: <span style={{ fontWeight: "bold" }}>Opus</span> Audio Codecs: <span style={{ fontWeight: "bold" }}>Opus</span>

View File

@ -1,52 +1,52 @@
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from "react-redux";
import { toast, ToastContainer, Zoom, Slide } from 'react-toastify' import { toast, ToastContainer, Zoom, Slide } from "react-toastify";
import { removeNotification } from '../../../state/features/notificationsSlice' import { removeNotification } from "../../../state/features/notificationsSlice";
import 'react-toastify/dist/ReactToastify.css' import "react-toastify/dist/ReactToastify.css";
import { RootState } from '../../../state/store' import { RootState } from "../../../state/store";
const Notification = () => { 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) { if (alertTypes.alertError) {
toast.error(`${alertTypes?.alertError}`, { toast.error(`${alertTypes?.alertError}`, {
position: 'bottom-right', position: "bottom-right",
autoClose: 4000, autoClose: 4000,
hideProgressBar: false, hideProgressBar: false,
closeOnClick: true, closeOnClick: true,
pauseOnHover: true, pauseOnHover: true,
draggable: true, draggable: true,
progress: undefined, progress: undefined,
icon: false icon: false,
}) });
dispatch(removeNotification()) dispatch(removeNotification());
} }
if (alertTypes.alertSuccess) { if (alertTypes.alertSuccess) {
toast.success(`✔️ ${alertTypes?.alertSuccess}`, { toast.success(`✔️ ${alertTypes?.alertSuccess}`, {
position: 'bottom-right', position: "bottom-right",
autoClose: 4000, autoClose: 4000,
hideProgressBar: false, hideProgressBar: false,
closeOnClick: true, closeOnClick: true,
pauseOnHover: true, pauseOnHover: true,
draggable: true, draggable: true,
progress: undefined, progress: undefined,
icon: false icon: false,
}) });
dispatch(removeNotification()) dispatch(removeNotification());
} }
if (alertTypes.alertInfo) { if (alertTypes.alertInfo) {
toast.info(`${alertTypes?.alertInfo}`, { toast.info(`${alertTypes?.alertInfo}`, {
position: 'top-right', position: "top-right",
autoClose: 1300, autoClose: 1300,
hideProgressBar: false, hideProgressBar: false,
closeOnClick: true, closeOnClick: true,
pauseOnHover: true, pauseOnHover: true,
draggable: true, draggable: true,
progress: undefined, progress: undefined,
theme: 'light' theme: "light",
}) });
dispatch(removeNotification()) dispatch(removeNotification());
} }
if (alertTypes.alertInfo) { if (alertTypes.alertInfo) {
@ -62,10 +62,10 @@ const Notification = () => {
draggable draggable
pauseOnHover pauseOnHover
theme="light" theme="light"
toastStyle={{ fontSize: '16px' }} toastStyle={{ fontSize: "16px" }}
transition={Slide} transition={Slide}
/> />
) );
} }
return ( return (
@ -80,7 +80,7 @@ const Notification = () => {
draggable draggable
pauseOnHover pauseOnHover
/> />
) );
} };
export default Notification export default Notification;