mirror of
https://github.com/tubearchivist/tubearchivist-frontend.git
synced 2024-11-24 20:50:14 +00:00
Added invalid input message.
This commit is contained in:
parent
46c6e7e925
commit
a5c50fd690
@ -37,7 +37,8 @@ export const sendDownloads = async (token: string, input: string): Promise<Downl
|
||||
method: "POST"
|
||||
});
|
||||
if (!response.ok) {
|
||||
throw new Error("Error adding content to the download queue.");
|
||||
// throw new Error("Error adding content to the download queue.");
|
||||
// return response.json();
|
||||
}
|
||||
return response.json();
|
||||
};
|
||||
|
@ -19,6 +19,7 @@ const TA_BASE_URL = getTAUrl();
|
||||
type ViewStyle = "grid" | "list";
|
||||
type IgnoredStatus = boolean;
|
||||
type FormHidden = boolean;
|
||||
type ErrorMessage = boolean;
|
||||
|
||||
|
||||
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||||
@ -52,6 +53,7 @@ const Download: NextPage = () => {
|
||||
const [ignoredStatus, setIgnoredStatus] = useState<IgnoredStatus>(false);
|
||||
const [formHidden, setFormHidden] = useState<FormHidden>(true);
|
||||
|
||||
|
||||
const {
|
||||
data: downloads,
|
||||
error,
|
||||
@ -62,13 +64,13 @@ const Download: NextPage = () => {
|
||||
() => getDownloads(session.ta_token.token, ignoredStatus),
|
||||
{
|
||||
enabled: !!session?.ta_token?.token,
|
||||
// refetchInterval: 1500,
|
||||
// refetchIntervalInBackground: false,
|
||||
refetchInterval: 1500,
|
||||
refetchIntervalInBackground: false,
|
||||
}
|
||||
);
|
||||
|
||||
const [viewStyle, setViewStyle] = useState<ViewStyle>(downloads?.config?.default_view?.downloads);
|
||||
|
||||
const [errorMessage, setErrorMessage] = useState<ErrorMessage>(false);
|
||||
|
||||
const handleSetViewstyle = (selectedViewStyle: ViewStyle) => {
|
||||
setViewStyle(selectedViewStyle);
|
||||
@ -85,10 +87,14 @@ const Download: NextPage = () => {
|
||||
setFormHidden(selectedFormHidden);
|
||||
};
|
||||
|
||||
const handleSetErrorMessage = (selectedErrorMessage: ErrorMessage) => {
|
||||
setErrorMessage(selectedErrorMessage);
|
||||
};
|
||||
|
||||
const addToDownloadQueue = event => {
|
||||
event.preventDefault();
|
||||
sendDownloads(session.ta_token.token, event.target.vid_url.value);
|
||||
handleSetFormHidden(true);
|
||||
sendDownloads(session.ta_token.token, event.target.vid_url.value).then((response) => !response.message ? handleSetErrorMessage(false) : handleSetErrorMessage(true));
|
||||
errorMessage ? handleSetFormHidden(false) : handleSetFormHidden(true);
|
||||
}
|
||||
|
||||
return (
|
||||
@ -141,6 +147,9 @@ const Download: NextPage = () => {
|
||||
<div className="show-form">
|
||||
<form id="hidden-form" onSubmit={addToDownloadQueue}>
|
||||
<textarea name="vid_url" cols={40} rows={4} placeholder="Enter Video Urls or IDs here..." required id="id_vid_url" spellCheck="false" />
|
||||
{errorMessage &&
|
||||
<p><span className="danger-zone">Invalid input!</span></p>
|
||||
}
|
||||
<button type="submit">Add to download queue</button>
|
||||
</form>
|
||||
</div>
|
||||
@ -197,7 +206,7 @@ const Download: NextPage = () => {
|
||||
}
|
||||
<h3>Total videos: {downloads?.data?.length} {!downloads?.data?.length && <p>No videos queued for download. Press rescan subscriptions to check if there are any new videos.</p>}</h3>
|
||||
<div className={`dl-list ${viewStyle}`}>
|
||||
{downloads?.data &&
|
||||
{!isLoading && !error && downloads?.data &&
|
||||
downloads?.data?.map((video) => {
|
||||
return (
|
||||
<div key={video?.youtube_id} className={`dl-item ${viewStyle}`}>
|
||||
|
Loading…
Reference in New Issue
Block a user